Lembro que antes da nova atualização do blogger.com a troca do icon de seu blog tinha que ser feita manualmente através do código fonte, ou seja tudo por HTML e nem sempre o icon ficava em todos os navegadores, mas atualmente com a nova atualização é possível fazer tudo de forma gráfica o que facilitou muito, vamos ao passos:
Mas antes vou refrescar a sua memória mostrando o que é o icon ou favicon de um blog ou site:
- Primeiramente acesse o seu blog e no menu lateral vá em "Layout" e depois encontre o gadget escrito Favicon e click em "Editar" e vai aparecer como está na imagem abaixo:
- Antes de continuar recomendo que já tenha uma imagem de seu desejo, lembrando que a mesma deve ser quadrada, ou seja de lados iguais, caso não tenha nenhuma imagem em mente recomendo acessar o site Iconj, nele você terá acesso a vários icons prontos, basta baixa-los clicando em ".ICO" e depois volte no seu blog e selecione ele através da janela "Configurar favicon" como está na imagem acima e pronto.
- Agora se você tiver uma imagem pronta, basta acessar esse site ImageConvert, nele selecione a sua imagem desejada e na opção "Change Size" coloque o número 16
nos dois lugares e depois click em "Convert File" e pronto só aguardar e a imagem do seu icon será gerada para você salvar em seu computador, depois basta voltar no blogger e selecionar ela através do menu de configuração do Favicon.
Sei que esse tutorial é focado no blogger, mas abaixo vou disponibilizar as linhas em HTML para fazer a mesma função caso deseja adicionar favicon em qualquer página HTML, lembrando isso não é necessário no caso do blogger, pois o mesmo já funciona como explicado acima.
<link rel="icon" href="LINK DO FAVICON" type="image/x-icon"/>
<link rel="shortcut icon" href="LINK DO FAVICON" type="image/x-icon"/>
O próprio site Iconj, disponibiliza em sua página principal a função de hospedar seu ico, assim você vai obter o "LINK DO FAVICON" e coloque ele no código acima e adicione-o a seu código fonte.
Pronto espero que tenha gostado, até a próxima!
0 Comentários:
Postar um comentário