Alterando Favicon

Alterando Favicon

6 10 99
Alterando Favicon 10 6 99

Favicon é aquele iconezinho, que aparece antes do endereço de um site ou blog.

Para personalizar seu favicon,crie uma imagem em 16 x 16 pixels, salve em PNG e faça o upload no servidor de sua preferência.(Eu uso o ImageShack)

Vá no html do seu template e procure pela tag <head>.

Insira o seguinte código:

<link href='http://SUAIMAGEM.png' rel='shortcut icon'/>

Trocando SUAIMAGEM pelo link fornecido pelo site de uploads.

Salve o modelo.

Simples, não?

Abraços


ATUALIZAÇÃO:

Para funcionar em todos os navegadores, leia este post:

Favicon:Como criar e hospedar imagens .ico




40 Comments
Comments
  1. Hum...porque não aparece no IE?
    Boa semana! Beijus

    ResponderExcluir
  2. Eu reparei também, Luma, mas ainda não sei porque.Entretanto tenho um palpite: O Firefox é infinitamente melhor do que o IEca..rssss. Beijão

    ResponderExcluir
  3. No IE normalmente não aparece no browser, mas aparece quando vc favorita o site!
    O IE não tem suporte para aparecer favicon na barra de endereços =P

    ResponderExcluir
  4. Olá Ju.
    Olha, você pediu para eu te passar o meu email pelo formulário, mas não consegui, dá o seguinte erro: Mensagem inválida :(
    Mas você pode falar comigo por esse:
    blogdoxavier.blogspot.com

    A propósito, já te adicionei na minha blogroll também.
    Fico aguardando um contato seu para lhe passar as perguntas.
    Abraços

    ResponderExcluir
  5. Vc, como sempre, imprescindível!
    dica ótima, mas no meu tb nao aparece no IE...
    beijosssssss, boa semana

    ResponderExcluir
  6. Nossa! Adorei seu Blog! Estou começando agora, o meu blog também é sobre dicas mas as suas com certeza vão me ajudar e muito! Estou te adicionando aos meus favoritos. Obrigada!!! :)

    ResponderExcluir
  7. Estou fazendo este comentário em separado pois você fechou os comentários sobre o Blog Do Carlos. Fiquei extremamente chateada que esteja acontecendo tanta coisa com ele. Ele foi o primeiro a me dar força aqui na Blogosfera e o primeiro a me visitar, sempre foi muito gentil. Espero que ele volte a blogar qualquer dia. É só um desabafo, nem precisa publicar. Acho que ele é uma pessoa descente e superior. O que acontece é que na maioria das vezes o sucesso de um causa inveja nos outros (despeitados que não conseguem alcançar o mesmo sucesso sem para isso fazer algum tipo de apelação). Deus está com ele! :)

    ResponderExcluir
  8. Oi Jú, estou escrevendo um artigo e puxei um link desta publicação para a minha página ok? Estou te dando os créditos é claro! Feliz Páscoa e Fique com Deus! :)

    ResponderExcluir
  9. Olá Juliana!
    Estou com um big problema com meu blog...
    No meu perfil, nao consigo colocar o espaço entre as linhas, e os códigos < p > e < br > não funcionam... Aparece "Tag is not allowed"

    Queria uma dica de como fazer isso ou como montar o meu perfil no codigo do layout..

    Valeu!

    ResponderExcluir
  10. Oi Juliana!
    Que bom que te encontrei, também tenho um blog ( sobre moda ) e aqui aprendi muito pra melhorar meu blog, não entendo quase nada de html, tamplates, feed e cia, mas estou me aventurando. Será que vc poderia me ensinar como mandar os post recentes por email pra varia pessoas, nem sei se é possível. Desde já te agradeço.

    katia

    ResponderExcluir
  11. esqueci de colocar email.
    bjos

    katia fortuna

    ResponderExcluir
  12. Olá, sou nova n mundo dos blogs, to comeando o meu agora... fiz tudo que vc mandou...mas não consegui. Aparece aquele "papelzinho em branco". Uso o mozilla

    ResponderExcluir
  13. ESSE site e muito massa olha o meu

    www.sodicasdemu.blogspot.com

    ResponderExcluir
  14. Não consigo mudar o do Blogger, minha irmã disse que é padrão.
    Se quiser dar uma olhada meu blog é www.saberecultura.blogspot.com
    Abraço!

    ResponderExcluir
  15. Mais uma vez tenho que lhe agradecer por mais uma ótima dica.
    Parabéns
    Giba

    ResponderExcluir
  16. cara eu sou novo nesse negocio de blog, dois meses que comecei, ja que aprendi bastante coisa com seu blog,resolvi fazer um que da dicas tambem,estou pegando suas postagens e postando no meu blog,fmz
    mas pode ficar traquilo nao estou tirando nada das suas postagens blz.seus creditos e direitos estõa resevados eu so os disponibilizo a outras pessoas que não conhece o seu blog!!!!!!!

    há ja ia me esquecendo seu banner está nos meus blos's valeu fui se quiser comlocar os meus ai tambem agradeço.eu coleto informações de varios blog's como o seu.mas nunca tiro nada das postagens

    ResponderExcluir
  17. óla gostaria de dar minha contribuição tb.

    Com relação ao favicon no internet explorer.

    Gostaria de dizer não aparece neste browser (Internet Explorer) pois ele só carrega como favicon imagens que estejam no formato .ico

    Resumindo o problema que não aparece o favicon no explorer é por causa da extensão de seu arquivo pois o mesmo só aceitas favicon no formato de imagem .ico

    Um abraço.

    Erison

    ResponderExcluir
  18. Olá Juliana,muito bom tutorial.
    Deu certo.
    Me responde se vai querer parceria,ja adicionei te banner.

    ResponderExcluir
  19. Muito útil a dica. Não sabia como conseguir este efeito até ver esta postagem. Obrigado!

    ResponderExcluir
  20. Para aparecer no IE, tem que hospedar a imagem com extensão .ICO

    ResponderExcluir
  21. Acabei de colocar o meu, esse blog está me ajudando mto, tirei a navbar e agora troquei o favicon, mto bom!

    ResponderExcluir
  22. Continuando a personalização do Blogger Cool 2...
    já foram 4 dicas bem sucedidas!
    []´s

    ResponderExcluir
  23. Ola Juliana

    Eu tinha seguido seus conselhos corretamente
    e o favicon até funcionou durante as ultimas semanas
    porém semana passada fui instalar a barra de direconamento de posts para as redessocias e hoje percebi que minha favicon sumiu !
    Simplesmente não consegui achar o erro no meu template pra concerta

    Caso voce possa me ajudar envie um email para
    uqueuque@gmail.com para te enviar a copia do meu template.

    muito obrigado

    ResponderExcluir
  24. Olá pessoal!
    ocorreu a mesma coisa comigo!
    o favicon estava funcionando perfeitamente durante meses!
    dai ele sumiu essa semana!
    percebi que o favicon de vários blogs também sumiram, mas o desse ótimo site por exemplo permanece!!
    me deem uma força!
    leonardodilazzaro@gmail.com

    um abraço!!!

    ResponderExcluir
  25. Oi Jú!!!

    Realmente, para o IE também bati cabeça, mas no compulsivo encontrei a resposta, é o formato .ICO e funcionou perfeitamente tanto IE como no Firefox e no Chrome...

    Ontem porém, tomei um susto, o Firefox e o Chrome voltaram ao favicon tradicional do Blogger... Corri para cá, Compulsivo, Ariane, Celso, pesquisei na net, até na gringa mas não achei nada... Testei alguns scripts, mas não deu em nada...

    Fica o comentário, se souber de algo Jú, ajuda aí, tá?

    Beijão!!! Fernando.

    ResponderExcluir
  26. É em pequenos detalhes, que nosso blog vai ficando mais bonito.

    beijus

    ResponderExcluir
  27. meu favicon continua o do Blogger ...
    eu hospedei minha foto no Photobucket, fiz igualzinho ao tutorial, mas não apareeu, continuou a mesma coisa ( e meu navegador é o Firefox 3 ).

    ResponderExcluir
  28. Gosto muito dos artigos de ótima qualidade do seu Blog. Quando for possível dá uma passadinha para ver meu Curso de Informática à Distância. Antonio B Duarte Jr.

    ResponderExcluir
  29. Como que faz pra Alterar o Favicon agora, pois o Blogger Restringiu a Mudança de Favincon não ta funcionando mais esse ou agora tem que ser imagem em apenas padrão PNG?

    ResponderExcluir
  30. Eu fiz como ensinado, mas no meu Firefox 3 continua na mesma, sem qquer alteração.

    ResponderExcluir
  31. olá pessoal! eu coloquei, o dominio personalizado no meu blog, e sumiu o favicon, alguem sabe o que eu posso fazer, para recoloca-lo? muito obrigado...

    ResponderExcluir
  32. Juliana da um up na dica aqui..
    do jeito que ta não ta funcionando não =~
    o maximo que consegui, foi aparecer o icone que coloquei, ao salvar no favoritos(o icone aparece na lista) do firefox..
    Maaas logo depois ja vota o icone o blogger! :O

    ResponderExcluir
  33. Antes de mais nada, quero dizer que adoro o Dicas Blogger; sou mais que novato em termos de blog e este aqui tem me ajudado muito.
    Quanto ao problema do favicon não aparecer ou aparecer e logo depois sumir, eu também tenho o meu testemunho! rsss. No entanto, o meu problema foi resolvido ao inserir o código acima da tag title, ficando da seguinte forma:

    "(head)
    (b:include data='blog' name='all-head-content'/)
    /***INSIRA AQUI NO MEIO O CÓDIGO QUE A JULIANA MOSTROU ***/
    (title)(data:blog.pageTitle/)(/title)"

    OBS.: Substituí no exemplo acima os <> por () pois não é permitido tag aqui no comment.

    Espero ter constribuído de alguma forma.
    Um abraço a todos e beijos prá Ju.

    ResponderExcluir
  34. Lol!Demorei pra achar essa!Valeu!Mto legal o Blog!Parabéns!

    Carina

    WWW.MEINCANADA.COM.BR

    ResponderExcluir
  35. ae cara não ta dando pra colocar no meu blog, me ajuda aqui por favor,add ae matheusdrn@hotmail.com

    ResponderExcluir
  36. É uma dica pra lá de interessante.
    Uma das mais fáceis de se fazer.
    Posso postá-la no meu blog?

    ResponderExcluir
  37. Pois é...Eu não consegui no meu blog atual mas no de testes sim então...dá certo :D

    ResponderExcluir
  38. Amoreco, o favicon aceita icon em gif também e estou reparando que o seu nao aparece no Safari. Eu vou ver como está configurado o meu e passo pra voce por e-mail, tá?

    Ju, estou ajeitando o blogue da Tina Blue e procurando no seu blogue umas coisinhas. O Dicas Blogger é o nosso arquivo online e se o 'gosmento' fosse mais despachado, não tinha criado esse imbloglio todo.

    Beijus,

    ResponderExcluir
 
Dicas Blogger© 2007-2015 | Todos os direitos reservados | Design By Duy Templates
Top