E agora? depois de criar um favicon como inserimos em meu site, tema wordpress ou blogger?
Calma! é simples, com uma pequena inserção de código seu site terá um belo favicon.ico que acabou de produzir, não se preocupe em saber programação, basta apenas um pouco de conhecimento na aréa que esta a mexer, Html, tema wordpress ou blogger.
Principios básicos, todo favicon tem que ter:
- Imagem com terminação .ico
- Dimenções 16×16 em pixel.
- Nome do arquivo sempre será favicon.ico
Qual editor de Html?
Particularmente, uso do NotePad+. você pode baixar de graça no site do autor neste link: http://notepad-plus-plus.org/download
Como inserir favicon no site HTML
Para inseir em sites feitos em Html no código HTML de sua página insira as seguintes tags dentro do <head>… …</head>
CÓDIGOS
<head>... <link rel="shortcut icon" href="favicon.ico" type="image/x-icon" /> ... </head>
O Firefox e o Chrome suportam facicon com terminações GIF, PNG e JPG, usando o código da seguinte maneira:
<head> ... <link rel="shortcut icon" href="qualquerNome.gif" type="image/gif" /> ... </head>
Como inserir favicon no WordPress
Para inserir em blog wordpress, abra o arquivo header.php do seu tema e insirá o código abaixo entre as tags head.
CÓDIGOS
<head> ...
<link rel="shortcut icon" href="<?php bloginfo('template_directory'); ?><strong>/images/favicon.ico</strong>" />
ou Neste código a favicon.ico fica no diretório principal do site.
<link rel="shortcut icon" href="<?php bloginfo('template_directory'); ?>/favicon.ico" type="image/x-icon" />
... </head>
Como inserir favicon no Blogger
Para inserir no em blogs blogger e necessário primeiro hospedar seu faricon.ico em algum diretório de imagens, pegar o LINK/URL e usa-lo comforme código abaixo, colando sempre entre as tags … …do seu tema.
CÓDIGOS
<head> ... <link href=’LINK DO SEU FAVICON’ rel='shortcut icon'/> <link href=’LINK DO SEU FAVICON’ rel='icon'/> ... </head>
Veja este tutorial passo a passo sobre favicon no Blogger no Icebreaker.
Que tal compartilhar este texto com seus amigos? É só clicar nos botões abaixo e divulgar!