Colocando favicon de uma forma pratica no navegador seu Blog, neste post você aprenderá como colocar favicon de uma forma prática.
Os favicons também tem teor de acessibilidade pois ajudam um usuário
comum a identificar uma página quando ela está exibida em uma lista ou
em uma barra de abas. Visando isto, muitos favicons são imagens
simplificadas do logotipo da marca que representam. Na ausência de um
favicon, os navegadores exibem seu próprio ícone ou um ícone padrão como
uma folha em branco.
Para ter um favicon com seu logotipo é simples: O site Favicon.ico Generator permite que você crie um ícone simples usando um painel tipo MSPaint. Com a ajuda dele ( e de uma boa dose de criatividade) você pode criar seu próprio favicon.
Outra forma (bem mais prática) é o site Convertico.com. Mas para utilizar esta ferramente é preciso ter seu logotipo no formato *.png. A ferramenta é mais simples pois você só precisa enviar o seu arquivo *.png que o site transforma em *.ico.
Depois de criar o arquivo *.ico, você ainda precisa informar o código fonte do seu site que ele deve exibir este ícone nas abas. Para isso, faça o upload do arquivo criado para a pasta raiz do seu servidor (aqui eu chamei o arquivo de "favicon.ico" mas você pode dar outro nome se quiser) e no código HTML de sua página, insira as seguintes tags dentro do <head></head>:
Para ter um favicon com seu logotipo é simples: O site Favicon.ico Generator permite que você crie um ícone simples usando um painel tipo MSPaint. Com a ajuda dele ( e de uma boa dose de criatividade) você pode criar seu próprio favicon.
Outra forma (bem mais prática) é o site Convertico.com. Mas para utilizar esta ferramente é preciso ter seu logotipo no formato *.png. A ferramenta é mais simples pois você só precisa enviar o seu arquivo *.png que o site transforma em *.ico.
Depois de criar o arquivo *.ico, você ainda precisa informar o código fonte do seu site que ele deve exibir este ícone nas abas. Para isso, faça o upload do arquivo criado para a pasta raiz do seu servidor (aqui eu chamei o arquivo de "favicon.ico" mas você pode dar outro nome se quiser) e no código HTML de sua página, insira as seguintes tags dentro do <head></head>:
No blogger clique em Editar HTML antes do Tag </head> coloque o código que será gerado neste site de gerar Favicon
Free Favicon Hosting
Ou http://www.iconj.com/favicon_hosting.php
Na prática vai ficar assim:
<link rel="shortcut icon" href="http://www.iconj.com/ico/u/o/uopr7wuqp4.ico"
type="image/x-icon"/>
</head>
Agora é só curtir como sua marca aparece melhor em seu site e nos browsers.
Nenhum comentário:
Postar um comentário