"Veja como é facil..."
1 minuto de leitura
0
Este turorial fala sobre um assunto que pode parecer banal para algumas pessoas, mas para outras é muito interessante. Eu mesmo, por pura curiosidade, resolvi descobrir como se faz isso e acabei me impressionando com a facilidade do processo…
Para quem nao sabe, vamos definir O que é um FavIcon ?¿
O FavIcon é um pequeno icone que vai aparecer na Barra de Endereços, Favoritos e no Titulo das Abas no seu borwser.
Como eu disse, para algumas pessoas isso pode nao ter a menor importancia e para outras, ja pode ter outra conotação. Eu por exemplo, utilizo muito isso porque todo o meu Favoritos é baseado em FavIcons pois com isso, eu economizo um espaço visual muito consideravel no meu Firefox.
Entao, para quem quizer utilizar este recurso no seu blog, vamos agora ao processo de criação e publicação do seu Proprio FavIcon.
O Primeiro passo é a criação do icone em si que tem um padrao especifico. Ele deve estar no formato .ICO e deve ter a rezolução de 16×16 pixels.
Para criar um FavIcon Você pode usar qualquer editor de imagens e criar ou alterar algum logo do seu blog para utiliza-lo como FavIcon. Ou entao, para facilitar ainda mais este processo, você pode usar os recursos do site chami.co, onde basta enviar a imagem desejada e o favicon sera criado automaticamente.
O Segundo passo é mais simples ainda. Vc precisa hospedar o seu arquivo .ICO em algum site para que possa continuar com o processo. Um bom lugar para isso é o imageboo.com onde basta enviar o arquivo e em seguida anotar o endereco de hospedagem do seu icone que deve ser semelhante a este .: “https://www.oogletoogle.com/files/0wlkjskjlkajsjoho9ymh1c9mkyhyuul.ico“
Agora, o terceiro e ultimo passo. Este é um pouco mais complicado para quem nao tem muita experiencia, mas se fizer tudo com atencao e cuidado nao deve ter problemas. Acesse o painel de controle do seu blog, no meu caso Bloggspot.com , e abra a edicao da sua template. Procure a linha head . O codigo com o endereço do seu FavIcon deve ser inserido dentro desta chave.
Ao localizar uma delas, basta incluir o seguinte codigo .:
<head> … <link rel=”shortcut icon” href=”< Endereco so seu FavIcon >” type=”image/x-icon”/></head>
Pronto… Agora é só salvar a sua template e ja estara funcionando.
Sem resultados
Reset