Favicon e uma novidade

Você sabe o que é favicon? Será de comer ou de passar no cabelo?

Favicon é a junção de Favorite icon e é o termo usado para designar essa imagem que aparece na barra de endereço do meu blog. Fiz um para a Ana colocar no Anjogatos e um para a Renata, que aliás foi quem me disse que nunca tinha ouvido falar no termo.

Então, quer aprender a colocar um no seu blog? É legal para identificar nosso blog e dá um ar mais arrumado e mais caprichado, né? Todos os grandes blogs têm, e fica mesmo muito mais bonito do que o tradicional do Blogger.

Vamos lá:

Primeiro você precisa escolher a imagem que vai ser seu favicon. Escolha algo que tenha a ver com seu blog e/ou com seu layout e que não tenha detalhes demais pois a imagem será pequena.

Escolhida a imagem é hora de convertê-la para o formato .icon já que a maioria das imagens têm formato .jpg ou .png. Aí entra a boa notícia:
Eu testei muitos sites que realizam essa conversão e sempre era muito complicado, tinha que hospedar em dois lugares diferentes e mais um monte de passos. Até que encontrei este site aqui! Tudo ficou muito simples!

Para fazer seu favicon acesse o site e clique na aba Icon Generator.  Em seguida clique em Enviar arquivo. Encontre em seu pc a imagem que escolheu préviamente. Agora clique em Upload it e espere a imagem carregar.

Depois do carregamento completo vão aparecer 2 códigos: copie o 2º código, que está abaixo de Simply copy and paste the code below in the head of your web pages:

E agora? Comofaz para colocar no blog?

Para colocar no seu blog é muito simples:
Clique em Layout e daí selecione a aba Editar html.
Marque a caixinha Expandir modelos de widgets.
Usando Ctrl+f encontre este trecho:

]]></b:skin>

Agora cole o código que você copiou imediatamente abaixo do trecho encontrado.
Clique em Visualizar e pronto!
Se estiver tudo certo clique em Salvar.

Facinho, né? Se quiser pode colocar um favicon animado; neste mesmo site onde você fez a conversão da sua imagem tem uma outra aba onde está escrito Animated favicon e aí tem milhares de imagens animadas para você escolher.


Já reclamaram com você sobre o tamanho da fonte do seu blog? Tem gente que fala que é pequena, tem gente que diz que é grande…tem quem prefira Verdana, tem quem goste mais de Arial… Como contentar a todos?
Seus problemas siacabaram-se!
Deixe que o próprio leitor decida qual fonte ele quer usar para ler seus posts! E qual tamanho ele, seu leitor, prefere! Como assim? Fácil!

Clique em Layout e depois em Adicionar elemento de página. Escolha a opção Html/javascript. Na janelinha que abrir cole este código todinho, sem pular nada:

<span class="wlWriterPreserve" id="preserve7554fa0939d64018a6c26c1e24d9abc3">
<script> function go1(){if (document.selecter2.select2.options[document.selecter2.
select2.selectedIndex].value != "none"){document.getElementById('main')
.style.fontSize=document.selecter2.select2.options
[document.selecter2.select2.selectedIndex].value}} function go2(){if
(document.selecter2.select3.options
[document.selecter2.select3.selectedIndex].value != "none")
{document.getElementById('main')
.style.fontFamily=document.selecter2.select3.options
[document.selecter2.select3.selectedIndex].value}}
</script>
</span>
<form id="forma" method="POST" name="selecter2">
<select name="select3" onchange="go2()" size="1" style="font-family: Arial; font-size: 10pt;"> <option value="Times New Roman">Times New Roman </option><option value="Arial">Arial </option><option value="Book Antiqua">Book Antiqua </option><option value="Bookman Old Style">Bookman Old Style </option><option value="Century Gothic">Century Gothic </option><option value="Comic Sans Ms">Comic Sans Ms </option><option value="Tahoma">Tahoma </option><option value="Trebuchet Ms">Trebuchet Ms </option><option selected="" value="Verdana">Verdana </option></select> <select name="select2" onchange="go1()" size="1" style="font-family: Arial; font-size: 10pt;"> <option value="8px">8 </option><option value="9px">9 </option><option value="10px">10 </option><option value="11px">11 </option><option selected="" value="12px">12 </option><option value="14px">14 </option><option value="16px">16 </option><option value="18px">18 </option></select> </form>

Clique em Salvar. Coloque preferencialmente bem no comecinho do blog.
Legal, né?

Diz prá mim se fizer em seu blog …