Colocar Favicon no Tumblr: Personalizar Imagem na Barra de Endereço

Veja como trocar a imagem na barra de endereço do seu blog no Tumblr. Usar um favicon personalizado é importante para ajudar os visitantes lembrarem-se do seu site e você pode usar até imagens animadas na barra de endereço do seu blog. Nós já mostramos como fazer isso no blogger em vários tutoriais tanto usando o HTML(Colocar Favicon no Blogger - Imagem na Barra de Endereços) como pela pagina layout().

colocar favicon no tumblr

Para colocar uma imagem na barra de endereço do Tumblr primeiro você precisa ter o favicon pronto (imagem) no site http://www.iconj.com você tem um gerador de favicon que converte qualquer imagem para o formato certo para usar na barra de endereço do blog. Além disso, você pode achar favicons com movimento (gifs animados) e se quiser você poderá ver aqui dicas para achar imagens, icones para Blog. Mas vamos mostrar como enviar uma imagem e converter para o formato de ícone (.icon). Clique no botão selecionar arquivo e depois clique em upload now.

transformar imagem em favicon

Agora você pode ver a imagem já no formato de ícone para usar na barra de endereços do navegador. A pagina mostra dois códigos e o link de download. Embora o código pronto com o ícone já hospedado pelo site funcione, nós sugerimos que faça o download da imagem e use outro site de hospedagem para garantir que o seu favicon não desapareça.

gerar icone para favicon

Mas aqui neste tutorial para demonstrar vamos usar o segundo código que já tem o favicon hospedado no site. Então quando enviar a sua imagem copie esse código pronto que está depois de Simply copy and paste the code below in the head of your web pages. Agora entre no painel do Tumblr clique em Customize theme > editar HTML e procure e apague a linha:

<link rel="shortcut icon" href="{Favicon}" />

Agora coloque o código que copiou no site que gerou o ícone no lugar da linha que acabou de apagar. Depois disso só precisa clicar para salvar as alterações e visualizar seu Tumblr com a nova imagem na barra de endereço funcionando. Caso não apareça clique no botão F5 para atualizar a sua pagina porque às vezes o computador usa o histórico de internet mostrando uma versão salva do seu blog, leia mais sobre isso aqui: Evite erros no blog por causa do histórico de internet.

personalizar tumblr pelo html

Veja algumas outras dicas para seu Tumblr:
Como Colocar Música no Tumblr ou Blogger
Personalizar Link Resumo da Postagem no Tumblr
Como Enviar Atualizações do Tumblr para o Facebook e Twitter

Essa é uma alteração bem simples de fazer e ajuda a melhorar a aparência do seu blog afinal todos os sites têm um favicon personalizado para ajudar as pessoas memorizarem a pagina de internet que visitam. Esperamos que gostem e aproveitem mais essa sugestão para personalizar o Tumblr. Abraços a todos.

Marcadores: , ,