03 janeiro 2012

Tutorial: Favicons Fofos para Blog

6200a9380892db50c39cf98f92d9d8b8_large
Oi meninas! Com muita felicidade, apresento para vocês o nosso primeiro tutorial de muitos outros!
O nosso blog vai trazer tutoriais fáceis, e totalmente explicativo, principalmente para os que não conhecem muito bem o mundo HTML, ou é iniciante.
Pesquisei muito e achei um tutorial no Thalita Fashion Girl sobre como mudar o Favicon do seu blog.




P.s.: Esse tutorial só foi testado no GOOGLE CHROME.

Para ler o tutorial clique em Mais Informações:
Primeiramente, o que é um Favicon?
Favicon é o símbolo que aparece quando você entra em um site. No caso do Google é aquele coloridinho. 
No Blogger, é aquele B branco com o fundo laranja.


Vamos começar o tutorial:
1- Clique em Design

2- Clique em Modelo, e depois em Editar HTML

3- Vai aparecer uma janela pop-up. Clique em Prosseguir.

4- Aperte as teclas Ctrl+F no seu teclado. Vai aparecer uma barrinha no canto superior esquerdo.
Lá, digite:
name='all-head-content'/>

Esse texto vai ficar sublinhado. Logo depois dele, copie e cole esse:

<link href='LINK DO SEU GIF' rel='icon' type='image/gif'/>


No lugar de LINK DO SEU GIF, coloque o link de um desses favicons:
(mas cuidado para não apagar as aspas do 'link do seu gif.'
--> Para descobrir qual é o link de cada favicon, é só clicar com o botão direito em cima dele e clicar em "copiar URL da imagem", e daí é só apagar o LINK DO SE GIF e colar em vez dele a url.
 
Favicons:
Se usar algum desses, avise nos comentários.
                




Espero que tenham gostado do nosso primeiro tutorial, e que venha muito outros.
Gostaram? Comente!
Mais alguma dúvida, é só comentar ou entrar em Contato comigo.





48 comentários:

  1. Oi vickie! Eu usei o cupcakezinho! bjs

    porta-estilos.blogspot.com

    ResponderExcluir
  2. Oii!
    Todos lindos, eu peguei http://dl6.glitter-graphics.net/pub/487/487276u39qaohhu4.png
    Amei todos.
    da uma olhadinha lá:
    http://isonlycute.blogspot.com/

    ResponderExcluir
  3. usei a estreelinha q roda preta

    ResponderExcluir
  4. Olá Chicletes! Peguei o coraçãozinho para o meu blog. Todos são perfeitos. Obrigada! =)

    ResponderExcluir
  5. Oi! eu peguei o cupcakezinho :3
    Obrigada! ajudou muito!

    ResponderExcluir
  6. Oi usei a estrelinha :)
    Quem quiser passa no meu blog, para ver fotos e covers meus: http://sabrinacamposc.blogspot.com

    ResponderExcluir
  7. Peegeeu 1" Passa no meu blog e seegue:?
    http://paratodaamenina.blogspot.com.br/

    ResponderExcluir
  8. Pegueeei a estrelinha amore,
    Bora da uma espiadinha lá no B.D, ele está de roupdinha nova *o*
    Beijos
    Http://bolhadoce.blogspot.com

    ResponderExcluir
  9. ~Usei um :* bjoos.
    -->blogdeumagarotasz.blogspot.com
    obrigaado *-*

    ResponderExcluir
  10. Ameii seu blog flor
    Seguiindo, segue de volta?
    http://keepcalm-anddance.blogspot.com.br/

    ResponderExcluir
  11. Oi,flor. Amei os Favicons e estou usando,ok!
    Bj--->heey-flor.blogspot.com.br

    ResponderExcluir
  12. aaw, amei o tutorial ! pegue um para usar no meu blog ! *~*
    Beijos, Feê [ Cookie Fashion no perfil ].

    ResponderExcluir
  13. Peguei o de diamante. http://eriierafa.blogspot.com.br/ (= '

    ResponderExcluir
  14. valew!caiu mto bem para o meu blog!+ nao usei nenhum desses!

    cupcakecomorango.blogspot.com

    ResponderExcluir
  15. Peguei o da estrelinha preda rodando.

    Muito bonitos (:

    ResponderExcluir
  16. Legal, mas mudar o favicon é a coisa mais fácil do mundo, e se muda pelo layout, nem precisa usar html, basta ir no layout do blog :\

    ResponderExcluir
  17. Adorei o tutorial, super fácil! Peguei a estrelinha preta que gira!
    http://www.elasabemtudo.com/

    ResponderExcluir
  18. Queria o cupcake menor
    brilho-glamour.blogspot.com

    ResponderExcluir
  19. Oii tudoo bem? ameii seu blog! por favor visite meu blog e sigua ela eu agradeço! http://mundo-back.blogspot.com.br/

    ResponderExcluir
  20. O de arco-íris, é muito cute ^^ Usamos em uma postagem.
    http://garotapersonalizada.blogspot.com.br/

    ResponderExcluir
  21. Tô usando a boquinha!

    coisa-degarotas.blogspot.com
    c-hovendoglitter.blogspot.com

    ResponderExcluir
  22. Oii usei o de beijinho.

    larissa-blog-coisasdegarota.blogspot.com

    ResponderExcluir
  23. Querida, estou fazendo uma reforma geral no meu blog, acho que vou usar um desses... adoro o seu blog! Todas as postagens de tutorial eu entro, uma emoção danada!!!
    Os créditos dos favicons ou de outras coisas que peguei do seu blog estão na aba Créditos

    ResponderExcluir
  24. Olá achei seu site no Google e gostei muito!
    Adorei seus favicons são uns mais lindos que outros!
    Eu vou usar o da caveirinha ok!
    Beijos e sucesso!

    ResponderExcluir
  25. Olá! Não consegui usar no meu! )=

    ResponderExcluir
  26. Oi peguei a estrela que gira, bjs!!!
    >>>>>http://glamourmeninas.blogspot.com.br/

    ResponderExcluir
  27. Adorei o post! Peguei a caveirinha, ok?

    http://nadaquenaoadora.blogspot.com.br/

    ResponderExcluir
  28. Usei o de diamante muito obg amr :)
    http://radioactivepurple.blogspot.com/

    ResponderExcluir
  29. Peguei alguns!

    Bjs, Yasmin!

    www.umchaeumlivro.com.br

    ResponderExcluir
  30. Muito obrigado

    Estou usando o coraçãozinho muito fofo valeu pela dica

    beijinhos

    http://paularoccha.blogspot.com.br/
    visite meu blog

    ResponderExcluir
  31. Adorei a dica, estou usando o cupcake! c:
    Beijos,
    Brilho na Make

    ResponderExcluir
  32. Adorei o tutorial, peguei o de cupcakezinho :D
    Beijos,
    Brilho na Make/

    ResponderExcluir