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.

8 comentários:

  1. Entre neste site:
    http://habbocolor.net/

    Veja que o local da rádio deles pode ser mudada pelo usuário, e o título também pode ser mudado de posição. Há como fazer o mesmo no blogger ?

    ResponderExcluir
  2. Anônimo
    em qual navegador você testou isso? no firefox não deu certo.

    mas alguns códigos não é possivel usar no blog, além disso deixa a pagina pesada e poucos visitantes vão utilizar. Acho que não é um bom negócio usar esses scripts.

    ResponderExcluir
  3. No blogger nós temos o título do blogger e a descrição.
    Tem como, além do título, nós adicionarmos um subtítulo ao blog?

    ResponderExcluir
  4. Obrigado, por divulgar como colocar Favicon no Tumblr, vou testar.

    ResponderExcluir
  5. diretamente pelo blogger não tem como colocar o subtitulo, mas pode usar um gadget para isso e escrever o que quiser nele, então depois é só colocar no topo da sua pagina

    ResponderExcluir
  6. Este e os outros tutoriais sobre Tumblr são ótimos, me sinto menos perdida :)

    ResponderExcluir
  7. Regina em breve pretendo postar mais tutoriais sobre o Tumblr, mas ainda estou aprendendo .. sei pouco sobre essa plataforma porque só uso o Blogger

    ResponderExcluir