Mai intai sa vedem ce este un favicon. Un favicon mai este cunoscut si ca "website icon, shortcut icon, url icon, sau bookmark icon" si este o imagine de 16x16 pixeli asociata cu un site sau sau o pagina web. (vezi imaginea)


Dupa cum cred ca v-ati dat dat seama faviconul la blogurile blogspot  este acel mic B rosu care vine de la Blogger si care apare in bara de adrese si inaintea titlului blogului in tab-ul de navigatie.


Pentru noi care avem blog pe Blogger - Blogspot, nu exista alta modalitate (exista - vezi link-ul de mai jos) de a ne pune un favicon la blog decat prin adaugarea unui cod html la codul sursa al template-ului blogului.

Vezi si varianta simpla de adaugare a faviconului prin pagina Apect.

In primul rand va trebuie un favicon. Il puteti face aici pe acest site, care transforma orice poza intr-un favicon. Dupa ce aveti faviconul trebuie sa-l hostati undeva. Cel mai bun loc ar fi pe Flickr daca aveti cont, daca nu va puteti face unul foarte usor. Schimbati url-ul din cod cu url-ul faviconului vostru.

Codul trebuie introdus direct in html-ul template-ului iar pentru a face asta urmati pasii de mai jos:

1. Conectati-va in contul vostru Blogger si dati clic pe tabul "Sablon", iar apoi pe "Editati HTML".

In codul Html gasiti urmatoarea bucata de cod (folositi Ctrl+F):

</head>

si inaintea lui copiati acest cod:

<link rel="shortcut icon" href="http://www.imagine.com/favicon.ico" type="image/x-icon" />


Schimbati adresa imaginii din exemplu cu url-ul imaginii voastre.
Previzualizati blogul si daca faviconul a aparut, dati clic pe "Salvati sablonul" pentru a salva template-ul.

Nu uitati sa faceti un back up la sablon inainte de a umbla la html pentru a putea reveni la el in caz ca ceva nu merge bine.


Video: Cum sa pui un favicon pe Blogger