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:
39 Comments
Hum...porque não aparece no IE?
ResponderExcluirBoa semana! Beijus
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
ResponderExcluirNo IE normalmente não aparece no browser, mas aparece quando vc favorita o site!
ResponderExcluirO IE não tem suporte para aparecer favicon na barra de endereços =P
Olá Ju.
ResponderExcluirOlha, 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
Vc, como sempre, imprescindível!
ResponderExcluirdica ótima, mas no meu tb nao aparece no IE...
beijosssssss, boa semana
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!!! :)
ResponderExcluirEstou 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! :)
ResponderExcluirOi 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! :)
ResponderExcluirOlá Juliana!
ResponderExcluirEstou 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!
Oi Juliana!
ResponderExcluirQue 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
esqueci de colocar email.
ResponderExcluirbjos
katia fortuna
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
ResponderExcluirESSE site e muito massa olha o meu
ResponderExcluirwww.sodicasdemu.blogspot.com
Não consigo mudar o do Blogger, minha irmã disse que é padrão.
ResponderExcluirSe quiser dar uma olhada meu blog é www.saberecultura.blogspot.com
Abraço!
Mais uma vez tenho que lhe agradecer por mais uma ótima dica.
ResponderExcluirParabéns
Giba
alexandre
ResponderExcluircara 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
ResponderExcluirmas 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
óla gostaria de dar minha contribuição tb.
ResponderExcluirCom 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
Olá Juliana,muito bom tutorial.
ResponderExcluirDeu certo.
Me responde se vai querer parceria,ja adicionei te banner.
Muito útil a dica. Não sabia como conseguir este efeito até ver esta postagem. Obrigado!
ResponderExcluirPara aparecer no IE, tem que hospedar a imagem com extensão .ICO
ResponderExcluirAcabei de colocar o meu, esse blog está me ajudando mto, tirei a navbar e agora troquei o favicon, mto bom!
ResponderExcluirContinuando a personalização do Blogger Cool 2...
ResponderExcluirjá foram 4 dicas bem sucedidas!
[]´s
Ola Juliana
ResponderExcluirEu 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
Olá pessoal!
ResponderExcluirocorreu 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!!!
Oi Jú!!!
ResponderExcluirRealmente, 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.
É em pequenos detalhes, que nosso blog vai ficando mais bonito.
ResponderExcluirbeijus
meu favicon continua o do Blogger ...
ResponderExcluireu hospedei minha foto no Photobucket, fiz igualzinho ao tutorial, mas não apareeu, continuou a mesma coisa ( e meu navegador é o Firefox 3 ).
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?
ResponderExcluirEu fiz como ensinado, mas no meu Firefox 3 continua na mesma, sem qquer alteração.
ResponderExcluirolá 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...
ResponderExcluirJuliana da um up na dica aqui..
ResponderExcluirdo 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
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.
ResponderExcluirQuanto 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.
Lol!Demorei pra achar essa!Valeu!Mto legal o Blog!Parabéns!
ResponderExcluirCarina
WWW.MEINCANADA.COM.BR
Muito Boa essa Dica...Muito Obrigado
ResponderExcluirae cara não ta dando pra colocar no meu blog, me ajuda aqui por favor,add ae matheusdrn@hotmail.com
ResponderExcluirÉ uma dica pra lá de interessante.
ResponderExcluirUma das mais fáceis de se fazer.
Posso postá-la no meu blog?
Pois é...Eu não consegui no meu blog atual mas no de testes sim então...dá certo :D
ResponderExcluirAmoreco, 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á?
ResponderExcluirJu, 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,