Corrigindo a exibição do Favicon no Blogspot

Favicons, palavra em inglês derivada de favorite e icon (Wikipédia).

Olá amiguinhos, depois de muito pastar tentando solucionar o problema da exibição do Favicon para os blogs hospedados no Blogspot, eis que a solução surge, por intermédio do Amílcar do Grupo Blogspot Brasil, no Blogger Tips and Tricks.

Se você já usa o código anterior para exibir o Favicon no seu site, basta mudar sua posição dentro do template, para logo depois da linha abaixo:

]]>

Se você ainda não utiliza, hospede duas imagens com tamanho de 16x16 pixels, uma no formato PNG e outra convertida para o formato ICO, no local de sua preferência e anote as URLs dos arquivos hospedados.

Localize a linha ]]> dentro do código html do seu template e logo após cole o seguinte trecho, adaptando o endereço dos arquivos que você acabou de hospedar:

]]>

URL_DA_IMAGEM_FORMATO_ICO.ico' rel='shortcut icon'/>

font-size:x-small;color:red;" >URL_DA_IMAGEM_FORMATO_PNG.png' rel='shortcut icon'/>

Vizualize para ter certeza que não há erros, em seguida salve e está pronto.

OBS: Esta dica funciona tanto no Internet Explorer como no Mozilla Firefox!




Fonte: Usuário Compulsivo

Gostou? Então copie esse post para seu Blog:
<div style="text-align: center;"><img alt="Favicons" src="http://2.bp.blogspot.com/_mUT2piLt5H0/SQhz4Vm25TI/AAAAAAAAIFQ/dPfb1JUpebI/s00-R/Favicon.jpg" /><br /><span style="font-size:x-small;">Favicons, palavra em inglês derivada de <i>favorite </i>e <i>icon</i> (<a href="http://pt.wikipedia.org/wiki/Favicon" linkindex="16">Wikipédia</a>).</span></div><br />Olá amiguinhos, depois de muito pastar tentando solucionar o problema da exibição do Favicon para os blogs hospedados no Blogspot, eis que a solução surge, por intermédio do <a href="http://www.direitointegral.com/" linkindex="17">Amílcar</a> do <a href="http://usuariocompulsivo.blogspot.com/2008/04/grupo-de-discussao-blogspot-brasil.html" linkindex="18">Grupo Blogspot Brasil</a>, no <a href="http://blogger-tricks.blogspot.com/2008/10/fix-for-missing-favicon.html" linkindex="19" set="yes">Blogger Tips and Tricks</a>.<br /><br />Se você já usa o <a href="http://usuariocompulsivo.blogspot.com/2007/01/utilizar-favicon-no-blogger.html" linkindex="20" set="yes">código anterior para exibir o Favicon</a> no seu site, basta mudar sua posição dentro do template, para logo depois da linha abaixo:<br /><br /><blockquote><b><span style="font-size:large;">]]></b:skin></span></b></blockquote>Se você ainda não utiliza, hospede duas imagens com tamanho de 16x16 pixels, uma no formato PNG e outra <a href="http://converticon.com/" linkindex="21" set="yes">convertida para o formato ICO</a>, no local de sua preferência e anote as URLs dos arquivos hospedados.<br /><br />Localize a linha <b><i>]]></b:skin></i></b> dentro do código html do seu template e logo após cole o seguinte trecho, adaptando o endereço dos arquivos que você acabou de hospedar:<br /><br /><blockquote><span style=";font-size:x-small;color:lime;" >]]></b:skin></span><br /><br /><span style="font-size:x-small;"><span style=";font-size:x-small;color:red;" >URL_DA_IMAGEM_FORMATO_ICO.ico</span><span style="font-size:x-small;">' rel='shortcut icon'/></span><br /><br /><span style="font-size:x-small;">font-size:x-small;color:red;" >URL_DA_IMAGEM_FORMATO_PNG.png</span><span style="font-size:x-small;">' rel='shortcut icon'/></span></blockquote>Vizualize para ter certeza que não há erros, em seguida salve e está pronto.<br /><br /><b>OBS</b>: Esta dica funciona tanto no Internet Explorer como no Mozilla Firefox!<br /><br /><br /><br /><br />Fonte: <a href="http://usuariocompulsivo.blogspot.com/2008/10/corrigindo-exibicao-do-favicon-no.html?showComment=1235545200000">Usuário Compulsivo</a><br/><a href="http://www.softarquivo.com/" style="padding-top: 20px;display: block;text-align: center;"></a>