Esse tutorial é para você que quer colocar o ícone do seu Blog na barra de endereços do navegador, como este do meu blog:
É muito fácil, vamos lá?
Para criar seu favicon, simplesmente visite o site Favicon.cc, e crie seu ícone, você pode também, fazer o upload de uma imagem, para servir de referência. depois de criado, é só você clicar em Download a Favicon.
Você dever fazer o upload do seu favicon em algum site de hospedagem de fotos.
Recomendo: Ripway
Para usuários do Firefox, podem salvar em formato .gif também.
Depois de ter feito o upload do seu favicon, copie o link direto dele. ex. http://h1.ripway.com/SEU NOME/favicon.ico
acrescente o link do seu favicon, no código abaixo e copie.
É muito fácil, vamos lá?
Para criar seu favicon, simplesmente visite o site Favicon.cc, e crie seu ícone, você pode também, fazer o upload de uma imagem, para servir de referência. depois de criado, é só você clicar em Download a Favicon.
Você dever fazer o upload do seu favicon em algum site de hospedagem de fotos.
Recomendo: Ripway
Para usuários do Firefox, podem salvar em formato .gif também.
Depois de ter feito o upload do seu favicon, copie o link direto dele. ex. http://h1.ripway.com/SEU NOME/favicon.ico
acrescente o link do seu favicon, no código abaixo e copie.
<link href='http://LINK DO SEU FAVICON' rel='shortcut icon'/>
Vá em Layout > Editar HTML
(não precisa expandir widgets)
Procure por esta parte do seu código:
<head>
<b:include data='blog' name='all-head-content'/>
<title><data:blog.pageTitle/></title>
<b:include data='blog' name='all-head-content'/>
<title><data:blog.pageTitle/></title>
<b:skin><![CDATA[
Coloque o código do seu favicon que você copiou anteriormente acima de <b:skin><![CDATA[
Deve ficar assim:
<head>
<b:include data='blog' name='all-head-content'/>
<title><data:blog.pageTitle/></title>
<link href='http://LINK DO SEU FAVICON' rel='shortcut icon'/><b:include data='blog' name='all-head-content'/>
<title><data:blog.pageTitle/></title>
<b:skin><![CDATA[
Clique em VISUALIZAR irá abrir sua página com seu ícone na barra de endereços.
Agora é só clicar em SALVAR MODELO.
Nenhum comentário:
Postar um comentário