quinta-feira, 16 de fevereiro de 2012

Tumblr - Como colocar favicon no tumblr

Favicon é aquele icone/imagem que aparece na barra do seu navegador ao lado do endereço do site, na aba da página ou na sua lista de favoritos.Hoje vamos ensinar como mudar o favicon do seu tumblr.

O tumblr usa como favicon do seu blog a imagem que você colocou na sua info, mas se você quiser que o seu favicon seja diferente basta seguir os passos abaixo.
1º Passo) Entre no site http://www.favicon.co.uk/ , escolha a figura do seu favicon, no tamanho escolha 16x16 e aperte Generate Favicon , irá aparecer uma página igual a imagem abaixo


A parte circulada em azul é como ficou o seu favicon, se você gostou dele aperte "Download Your Favicon Here", que está indicado pela seta vermelha. Com isso você fará o download do favicon, o nome do arquivo será favicon.ico

2º Passo) Agora entre no site http://www.tumblr.com/themes/upload_static_file , escolha o arquivo favicon.ico que você tinha feito o download no passo anterior e aperte "Upload File"


3º Passo) Depois de Apertar "Upload File" irá aparecer um link embaixo na mesma página copie o link, e cole em algum lugar, você irá precisar dele no próximo passo


4º Passo) Copie o código abaixo e substitua a parte em vermelho pelo link do passo anterior

<link rel="shortcut icon" href="Link_Que_Voce_Copiou_do_passo_anterior" />

Exemplo de como deve ficar:

<link rel="shortcut icon" href="http://static.tumblr.com/34hjnix/vVZlgq58p/favicon__1_.ico" />

5º Passo) Entre no tumblr >> Customize >> Theme >> Use Custom HTML .

Recomendamos que copie todo o seu código e salve em algum lugar, para caso de alguma coisa errada, você possa consertar qualquer erro.

Agora procure por <head> e cole o código que você editou no passo anterior imediatamente abaixo do <head>

Exemplo de como deve ficar

<head>
<link rel="shortcut icon" href="http://static.tumblr.com/34hjnix/vVZlgq58p/favicon__1_.ico" />

Aperte Update Preview para ver se o seu tumblr continua do mesmo jeito, essa mudança só da para ver depois que salva, então se o seu tumblr continua do jeito que estava antes da mudança salve e espere carregar a página. Abra a página do seu tumblr ( www.nome.tumblr.com) e veja se o favicon apareceu.

Nenhum comentário:

Postar um comentário