marți, 7 aprilie 2009

Cum sa pui un favicon pe Blogger - Blogspot


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

26 de comentarii:

  1. foarte misto articolul ...am reusit sa schimb faviconul :)

    RăspundețiȘtergere
  2. Salut !Am şi eu un blog şi am vrut să fac câteva modificări .Aveam o rubrică în dreapta unde vizitatorii puteau scrie ceva. Nu ştiu ce sa întâmplat dar a dispărut şi nimeni nu mai poate să-şi dea cu părerea pe blog !Blogul este de la Blogspot. Ştiţi cumva ce trebuie să fac pentru a reveni acea rubrică la loc ? Este vreun cod HTML ,dacă ştiţi vă rog ajutaţi-mă !Vă rog mult şi aştept cât mai repede dacă puţeţi ! Vă salut cu respect !

    RăspundețiȘtergere
  3. P.S.Dacă ştiţi cumva unde pot afla răspunsul ?--marin_tunareanu@yahoo.com---marin-detoatepentrutoti.blogspot.com

    RăspundețiȘtergere
  4. salut
    nu reusesc sa fac faviconul, poate faci un screenshot cu codul html unde vine pus, sa vad cum vine exact
    am gasit unde sa pun faviconul, dar imi da eroare de script
    multumesc

    RăspundețiȘtergere
  5. am rezolvat. e mult mai simplu de cat ai explicat tu.

    RăspundețiȘtergere
  6. George, ai putea sa postezi codul html cu care faci faviconul si unde vine pus, daca este asa de usor?! Mersi

    RăspundețiȘtergere
  7. in sfarsit un tutorial care m-a ajutat sa schimb icon-ul. Multumesc frate esti tare.

    RăspundețiȘtergere
  8. nu pot salva imi spune ca nu e bn format :( :-L

    RăspundețiȘtergere
  9. Amu, ar trebui sa mearga! Ai grija ce si unde copiezi.

    RăspundețiȘtergere
  10. ms...a mers si e ok...am mai gasit niste indicatii pe un alt blog dar nu m-au ajuatat insa info d paici e cool

    RăspundețiȘtergere
  11. Nu reusesc boss!!!!

    te astept sa vb pe mess :

    eminemboy72@yahoo.com

    http://going-on-fire.blogspot.com !!!

    RăspundețiȘtergere
  12. Mi-a fost de folos, multumesc

    RăspundețiȘtergere
  13. Dupa ce ne-am facut faviconul tot-ul e mai simplu , puteti urmari linkul urmator fara a va mai face cont: http://img46.imageshack.us/img46/5972/10618737.png si dupaceia inlocuiti linkul de la daniel cu linkul vostru :) si gata html-ul:))........sau..ma rog faviconul:))

    RăspundețiȘtergere
  14. eu tot nu inteleg. am incercat sa incarc faviconul si pe imageshack si pe flickr si imi spune ca formatul nu e acceptat.

    RăspundețiȘtergere
  15. La fel am patit si eu. Imi spune ceva de genul... trebuie sa fie jpg, gif, nu .ico

    RăspundețiȘtergere
  16. Imageshack si Flickr nu accepta extensia .ico
    Gasiti un host care sa accepte aceasta extensie. Daca nu puteti sa folositi ca si favicon poze cu extensiile jpg, gif sau png.

    RăspundețiȘtergere
  17. eu am incercat pe webshots si la fel...,iar ca sa fac poza cu alta extensie nu stiu :-L

    RăspundețiȘtergere
  18. Am reusit sa salvez pana la urma imaginea ca jpg, dar tot nu teusesc sa pun faviconul.
    Ori imi ramane cel de la blogger, ori imi apare o pagina alba.

    RăspundețiȘtergere
  19. Multumesc tare, tare mult!
    Am reusit si eu sa-mi pun un favicon datorita voua.

    RăspundețiȘtergere
  20. Am reusit sa-mi pun favicon-ul la blog,dar nu mi arata schimbat decat in Mozzila.In IE 8 si Chrome ,nu s-a schimbat nimic.Cum sa fac sa se vada in toate browserele?

    RăspundețiȘtergere
  21. Trebuie sa faci faviconul cu extensia .ico

    RăspundețiȘtergere
  22. Esti mare omule ,am trei ore de cind caut pe net sa schimb un favicon,dupa trei ore de nervi mi-am adus aminte de site-ul tau ,am invatat sa ascund navbarul,si uite asa am schimbat intr-un minutfaviconul,esti mare omule....
    Si site-ul este pe masura ...Mersii mult

    RăspundețiȘtergere
  23. Multumesc mult pentru acest articol! Ma simt ca o informaticiana acum ca am reusit sa schimb faviconul :))

    RăspundețiȘtergere