Social icons

7.11.2011

Tutorial / Como modificar o favicon do blog

Olá Bacafuzences (:

Hoje decidi fazer mais um (pequeno) tutorial. Desta vez, vou ensinar a mudar o favicon do vosso blog.
Para quem não sabe o que é, o favicon é a pequena imagem que se encontra junto do nome do vosso blog nos separadores.




Para mudarem a imagem do Blogger para uma personalizada, basta seguirem os passos seguintes:






1. Iniciar sessão no blogger

2. Escolher a opção Design - Editar HTML



3. Já na página de edição do html do nosso blog,  façam CRTL+F

4. Agora digitem o seguinte código: ]]></b:skin>




5. Este pequeno código vai aparecer destacado, e logo a seguir dele colem este código:



<link href='URL_IMAGEM' rel='icon' type='image/x-icon'/>
<link href='URL_IMAGEM' rel='shortcut icon' type='image/x-icon'/>



6. Agora, basta substituírem o URL_IMAGEM pelo link da imagem (podem fazer o upload da imagem no Flickr ou no Photobucket, por exemplo) 




Não se esqueçam de ter em conta as dimensões da imagem. Sugiro ícones com 20x20 píxeis.


6 comments

  1. Mas agora no design já podes meter o favicon sem ser necessário esses passos todos. Dá uma olhada :)

    ReplyDelete
  2. obrigada pelo tutorial, foi muito útil. :)

    ReplyDelete
  3. ahhhh tenho que ver isso então! obrigada pela dica :)

    ReplyDelete
  4. já consegui fazer linda!

    Obrigada!

    ReplyDelete
  5. Obrigada por partilhares :) gosto muito do teu blog, é bastante interessante e de fácil pesquisa :)

    Sabes de algum site de personalização de blogs ? quero mudar o meu mas de facto não percebo nada disto :o

    Continuação de um bom trabalho :)

    beijinho *

    ReplyDelete

Powered by Blogger.