Imagem na barra de endereço

Algum tempo atrás já publicamos a explicação de como colocar uma imagem na barra de endereços do blog e quando seu site é adicionado nos favoritos essa imagem aparece como ícone no menu favoritos ao lado do nome do seu blog. Entretanto com algumas mudanças recentes no blogspot fizeram aquela explicação dar alguns problemas então aqui vai o procedimento atualizado.
Entre na página editar layout e procure por ]]></b:skin>
, clique ctrl+F isso abre uma janela para procurar o texto na página assim é bem mais fácil do que ler tudo e coloque esse código logo após o trecho acima:

<link href='endereço da imagem' rel='icon' type='image/x-icon'/>

Quanto ao formato da imagem deve ser .ico, tem programas que fazem esse tipo de imagem. Mas versões mais novas dos navegadores Firefox, Internet Explorer, Opera já aceitam o formato .jpg ou .gif que funcionam normalmente e são bem mais fáceis de fazer e hospedar.

Para hospedar imagens use o ImageShack ou Photobucket, são dois bons sites grátis de hospedagem de imagem.

13 comentários:

  1. Parabéns pela dica, Fabiano. Só que não estou acreditando! É só uma coincidência, claro, mas uma grande! Veja só: este é o quarto blog de dicas em que eu entro nos últimos três dias e vejo uma postagem sobre o favIcon. Já virei um expert no assunto! Estou até pensando em publicar uma postagem sobre isso no meu blog também, para seguir a regra. rsrs

    ABraços

    P.S.: Posso publicar a sua postagem, com os créditos devidamente colocados?

    ResponderExcluir
  2. sobre ver a mesma postagem acho que o motivo disso foi um recente mudança no blogspot que fez que a explicação antiga não funcionasse mais, então quem já tinha publicado essa dica teve que fazer a correção rsrs

    ResponderExcluir
  3. Eu gostaria muito de poder colocar
    um efeito no meu selo ...Sei lá um brilho ou umas letras piscando.
    Pode me ajudar?

    Meu Blog
    http//:relateddeannaluisa.blogspot.com

    ResponderExcluir
  4. Você tem razão, Fabiano. Deve ser isso mesmo... vou publicar sua dica em breve, com os créditos devidamente colocados, claro. :)

    Abraços

    ResponderExcluir
  5. conforme as regras de seu blog, inserí seu banner em meu blog: http://minhocaveia.blogspot.com

    aguardo vc inserir o meu link ou banner.

    abraços!

    ResponderExcluir
  6. Muito boa sua dica Fabiano, e adorei o seu blog!!

    Gostaria de saber se você pode me ajudar a colocar uma "Caixinha de Email" em meu blog?

    Beijos

    http://luisfabiano-matador.blogspot.com

    =D

    ResponderExcluir
  7. Num to conseguindo aparece isso e em qual skin que é pra por?eu coloquei no terceiro apareceu isso quando mandei salvar:

    Corrija o erro abaixo e envie o seu modelo novamente.
    Não foi possível analisar o seu modelo, pois sua formatação é inadequada. Certifique-se de que todos os elementos XML estão fechados adequadamente.
    Mensagem de erro em XML: The ' = ' character must follow "encodi" in the XML declaration.

    ResponderExcluir
  8. esse código está mesmo apresentando alguns problemas, parece que o blogspot está dando alguma falha na hora de copiar o código


    vou procurar outro código e logo volto a postar um que funcione todas as vezes, pois esse somente algumas pessoas estão conseguindo usar.

    ResponderExcluir
  9. Fabiano num sei se você sabe algum site pra hospedar .ico ou .cur mais eu achei um e gostaria de compartilhar com a galera ae o link http://clip2net.com ele faz upload de todos os formatos de arquivos...
    AVISO:PARA FAZER O UPLOAD EXIGE CADASTRO!!

    ResponderExcluir
  10. Parabéns pelo blog!! Eu naum conseguir ver meu icone no ie i no chrome Só conseguir ver no Firefox Séra que vc pode min Ajudar...
    Valew Abraço

    ResponderExcluir
  11. veja essa outra postagem que fizemos, ela funciona em todos os navegadores

    http://www.dicasparablogs.com.br/2009/07/converter-imagem-jpg-ou-gif-em-icone.html

    depois que instalar no blog clique para atualizar a pagina

    ResponderExcluir
  12. Olá, nossa tenho curtido muito seu blog, grande ferramentas que vc.
    coloca para nós blogueiros...
    A muito tempo estava querendo colocar
    imagem na barra de endereço...
    O Free FavIcon, funcionou apenas um dia.. Não endenti...Parace que o gerador ñ está funcionando...MMMMaaaais como vc sempre tem segunda opção usei ImageShack...Nooooossa consegui...
    Obrigadão... Ah Posso colocar seu banner no meu blog embora muito simples ainda é meu blog... Obrigada!!!

    ResponderExcluir