05 setembro, 2008

Colocando seu icone na barra de endereço do navegador

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.
<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: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: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:

MISCELANIA DA NET