#N3RD1C35 - Dicas para blogueiros [Editando o Favicon]

quarta-feira, 25 de maio de 2011

Olá queridos leitores :P
Bom enquanto eu estava editando o meu blog, eu me perguntei se alguns blogueiros sabem usar certos recursos afim de personalizar o blog, e deixar ele mais “bunitin”.Para aqueles que não gostam daquele “B” laranja do blogger, eis a dica . Essas imagens são chamados de favicons e eu vou mostrar como faz para personalizar o favicon.



No fim constatei que existem duas maneira … o jeito difícil e o jeito tri fácil, eu fiz da maneira difícil primeiro, o que me deu um monte de dor de cabeça só pra ver se ia funcionar … e funcionou mas só que deu um trabalho do mal.
E você me pergunta, “ porque deu trabalho ?”
Você teria que upar em um em site de hospedagem de imagens uma imagens .ico e depois uma . JPEG . Ai você me diz … “haaa! É só isso ?”
Não para por ai, ainda teria que montar código HTML para abrir nos navegadores (uso o IE, o Firefox e o Chrome) e se não o fizer direito o favicon não é exibido em um desses navegadores.
antes de começar lembre-se de baixar o modelo e salvar no seu computador... vai q acontece alguma coisa q não deveria acontecer... Ai é só fazer o upload do arquivo salvo e td volta a ficar como antes. Você pode fazer isso o concertar manualmente, basta desfazer o que foi feito.
Vamos começar <o


1ª Maneira:
 Abra o Painel do Blogger e vá até Layout. Em seguida, clique em Editar HTML.
Encontre a linha ]]></b:skin> .
Ops! lá vai uma dica importante, para não ter que ler todo o código e procurar no “olho” a linha. Pressione CTRL + F e procure pela seguinte tag: ]]></b:skin> de Enter e ele vai destacar a linha para você \o/
Voltando…
Depois de achar a linha ]]></b:skin> copie e cole o código abaixo:
<link href='http:link da sua imagem aqui no formato .ico' rel='shortcut icon'/>
<link href='http:link da sua imagem aqui no formato .png' rel='shortcut icon'/>
<link href='http:link da sua imagem aqui no formato .png' rel='apple-touch-icon'/
> <link href='http:link da sua imagem aqui no formato .png' rel='shortcut icon' type='image/x-icon'/>
Dica: lembre que vc vai ter que upar as imagens. E caso não conheça um site eu uso 2, o Imageboo e o Brimg.

2ª Manerira:
Você pode procurar por sites especializados :P
Basta fazer o upload e ele já da a imagem pronta com o código “bunitinho”. Os sites são o Icon J eo FavIcon from Pics esse ultimo da algumas opções de animação.
Agora vou mostrar com usar esses sites 

~Icon J~


~FavIcon from Pics ~




Agora pressione CTRL + F e procure pela seguinte tag: ]]></b:skin>

0 comentários: