Cursos 24 Horas - Cursos 100% Online com Certificado

Favicon no Blogger/Blogspot (ícone ao lado da barra de endereço)

3 Comentários Autor : Notícia e blog 15 setembro 2009



Favicon é um ícone que fica ao lado do navegador, não é tão importante, mas para deixar o seu design completo ele é necessário, por padrão o Blogger já adiciona automaticamente um favicon mesmo que você não tenha colocado para personaliza-lo é muito facil veja o tutorial abaixo:
Primeiro você deve ter uma imagem de 16x16 no formato icone e uma no formato png se não uma imagem no formato icone, use o convertico e converta sua imagem png para o formato ico. Agora vamos aplica-la ao template:


1.Faça login no Blogger


2.Vá para Layout->Editar Html
E utilizando as teclas Ctrl e F procure pelo código abaixo:
]]></b:skin>Após o código acima adicione o seguinte:
<link href='http://sites.google.com/site/noticiaeblog/favicon.ico' rel='shortcut icon' type='image/vnd.microsoft.icon'/> <link href='http://lh4.ggpht.com/_QocHY3CSRM0/SXI9iDvVcMI/AAAAAAAABME/h3eiEKFXn8c/s144/blackseagull_favicon.png' rel='shortcut icon'/>
<link href='http://lh4.ggpht.com/_QocHY3CSRM0/SXI9iDvVcMI/AAAAAAAABME/h3eiEKFXn8c/s144/blackseagull_favicon.png' rel='apple-touch-icon'/>
<link href='http://lh4.ggpht.com/_QocHY3CSRM0/SXI9iDvVcMI/AAAAAAAABME/h3eiEKFXn8c/s144/blackseagull_favicon.png' rel='shortcut icon' type='image/x-icon'/>


Nota:Substitua as urls pelos urls de sua imagens respeitando o a parte em negrito.Onde está ico adicione a url da imagem no formato ico e onde está em png coloque a url da imagem png


3.Salve as alterações.

Você adicionou sua favicon com sucesso mas lembre-se que para você visualisa-lo você tem que remover seu historico de navegação pois o navegador salvou a favicon antiga.

    3 Comentários

    Jb- Baixada Santista disse...
    20 de outubro de 2009 16:25 #

    naum tendi nadika di nada nessa parte aki ( Agora abaixo do código acima adicione o código abaixo: )
    arruma isso ai , obs > muito cabulozo teu site brother parabens si tiver tempo confere o meu blog talvez poderemos ser parceiro http://supercinemafilmes.blogspot.com/

    Notícia e blog disse...
    20 de outubro de 2009 21:52 #

    @Jb- Baixada Santista , Arrumei o tutorial obrigado pelo correção e agradeço pela sua visita para parceria veja aqui

    Alexandre Diniz disse...
    16 de junho de 2010 18:15 #

    Graças a esse tutorial do notícia e Blog, consegui colocar favicon no meu blog! Só penei para encontrar um lugar que hospede arquivo .ico pois nem Picasa, nem ImageShack, nem Photobucket hospedam imagens nesse formato.

    seria até interessante colocar no tutorial algumas opções de hospedagens desse arquivo! A minha solução foi hospedar no Dropbox, mas não gosto muito!

    Abraço. :)

    Postar um comentário

    Deixe seu comentário aqui
    Para exibir sua foto, escreva o seu comentário e clique em "Visualizar" e em seguida clique em "Adicionar Foto de Perfil"(Só é exibido quando o comentário é publicado como Conta do Google). Para editar seu perfil Clique aqui.