Para colocar uma imagem na barra de endereços ao lado do endereço do blog, precisamos transformar uma imagem normal num ícone, depois hospedar esse ícone e fazer o código para colocar no blog. Isso é um pouco trabalhoso, mas achamos um site que faz tudo isso de uma vez só. A unica coisa que precisar fazer é o upload da imagem e o site já dá o código pronto para colocar a imagem na barra de endereços no lugar do icone do blogger.
Faça uma imagem para usar como ícone, preferencialmente uma imagem quadrada, ou seja, com a mesma altura e largura, assim o risco de distorcer é menor, pois o ícone é uma imagem quadrada. Depois entre no site Free FavIcon, clique no botão arquivo para localizar a imagem e depois em upload it.
Agora copie o código que está na caixinha embaixo de Simply copy and paste the code below in the head of your web pages.
Entre na pagina editar html (não clique para expandir o modelo) e procure por:
]]></b:skin>
</head>
E coloque o código que copiou do site Free FavIcon entre essa linhas, ficará assim:
Para evitar erros em alguns navegadores salve a mesma imagem que usou no formato png, use um tamanho pequeno(36x36, que é algo próximo do tamanho do ícone) hospede no Imageshack, mas tenha a certeza que está usando a url correta da imagem, então adicione essa linha junto com o código gerado pelo site, colocando o link da imagem no lugar indicado:
<link href='url da imagem' rel='shortcut icon' type='image/png'/>
Salve as alterações e veja o resultado, se não aparecer o ícone na barra de endereços clique para atualizar a pagina. Já tínhamos publicado explicações sobre esse mesmo assunto, mas retornamos ao tema devido a problemas nos sites que sugerimos em outras postagens e, além disso, fazendo pelo site Free FavIcon é muito mais fácil, ele converte a imagem, hospeda e gera o código do ícone tudo num único clique.
Veja também:
Icone na barra de endereços
Veja quem copiou os textos do seu blog
Problemas para apagar um gadget
Imagem da carta enviar postagem
Obrigado,Fabiano
ResponderExcluirEstava a muito tempo a procurar um site assim que converte a imagem na hora!
meu amiguito facil consegui fazer poxa esse blog de voces é massa cara nos ensina muitas coisas valeu mesmo
ResponderExcluirMas no Chrome o ícone não aparece e o seu a aparece, como fez?
ResponderExcluircoloquei na postagem como salvar uma imagem em png para usar como icone, acredito que deve resolver o problema com o chrome
ResponderExcluirmuit bom esse site só qria sabe uma coisa como colocar aqle oq achou da dica em meu site ?
ResponderExcluirentrem ai dowloadfilme.blogspot.com
Valeu, colega! Funcionou no Chrome agora tbm! Obrigada!
ResponderExcluirPreciso voltar e lhe agradecer mesmo de coração. Não imagina o tempo e nervos que já gastei com esse assunto. Havia feito um tutorial, mas era complicado tbm. Agora excluí aquele trem e estou indicando o seu post, beleza? Um forte abraço.
ResponderExcluirAmei a nova dica!!! Obrigada!!!
ResponderExcluirLê
Devo ter feito algo errado, pois não consegui!
ResponderExcluirvc pode me dizer como eu faço para retirar o cabeçalho e vez do cabeçalho eu coloco um banner ou um flash e vcx tb sabe onde hospedar flash
ResponderExcluirRoberto Juniro
ResponderExcluirpara ocultar o titulo entre em html e coloque junto com h1 display:none;
eu uso o site imageshack para hospedar o flash
Olá Fabiano,
ResponderExcluirEu fiz como você falou e não deu certo,só no Google Chrome.O internet explorer não apareceu =/.
Ana
ResponderExcluirclique para atualizar o internet explorer as vezes não aparece a primeira vez que o site é carregado, talvez seu pc usou o histórico de internet.
Nossa Fabiano segui como vc ensinou na postagem e deu certinho Obrigadão Tava a muito tempo querento fazer isso .Otima Dica .
ResponderExcluirObs : Saberia me Informar um serviço ou Site do Google que aceita arquivos .js ? Tipo por que o geocities vai terminar em Novembro e estão falando para salvar os arquivos que temos com eles .
Abraço
eu já usei o 110mb para hospedar sites eles aceitam o formato .js
ResponderExcluirem breve(final de semana) vou publicar algumas dicas de onde hospedar sites gratuitamente
Olá Fabiano,
ResponderExcluirIsso mesmo,só faltava atualizar.Obrigada.òtimo Blog
Cara queria colocar no meu blog quando a pessoa entrar nele aprecer antes uma imagem escrito clique aqui ou vote enquanto carrega, se pode me ajudar
ResponderExcluirse puder me add no msn: faustofugaf@hotmail.com
oi,
ResponderExcluirtem um selo pra vc no meu blog,
Tudo é História
se puder vota na milena toscano
vlw
Zeca
ResponderExcluiraqui tem como colocar uma mensagem ao entrar no blog
http://www.dicasparablogs.com.br/2009/01/mensagem-ao-entrar-no-blog.html
mas não deve ser bem isso que está querendo, esses avisos pedindo votos são códigos fornecidos pelos próprio sites onde será realizada a votação.
fazer uma pagina de entrada no blog é meio trabalho e muitas vezes inútil pois a maior parte dos visitantes chega num blog através de links(google, yahoo..) e vão direto para a pagina sem passar pela inicial
hum...muito boa a dica gostei mesmo...é facil e rapida de se fazer...vlw.
ResponderExcluirnão consegui fazer, o site do FavIcon não entra... será problema no site ou problema aqui?
ResponderExcluirInfelizmente o site Free FavIcon parece que foi retirado da internet, estou pesquisando outros sites para criar e hospedar icones e neste final de semana farei um novo tutorial sobre o assunto.
ResponderExcluiro link do site não esta funfando!
ResponderExcluirconfere ai > http://1.bp.blogspot.com/_-v7nVhXnPEc/SmX2UADR_SI/AAAAAAAAATo/dGVkGATOL-U/s1600-h/upload-imagem.jpg
flw
no final da postagem tem uma atualização
ResponderExcluirhttp://www.dicasparablogs.com.br/2009/09/como-alterar-o-favicon-no-blog.html
Vlw Meus amigos!!!
ResponderExcluirtutorial SHOW!!!!
Jorginho - RJ
CONSEGUIIIIIIIII!!!!!!!!!!!!!!
ResponderExcluirSHOW, SHOW, SHOW!!!!!!!!!!!!!!
Olá, consegui fazer tudo certinho, parabésn, muito bom, mas a imagem ficou um pouco embasada, cm resolver isso? Abs...
ResponderExcluirUauuuuu....
ResponderExcluirPassei dias tentando com a ajuda de outros blogs.. e nada
Com a ajuda de voces consegui de primeira.
Adorei, com certeza vou recomendar,
abraços!
parabéns cara..muito bom!vc explica mto bem..deu super certo!!
ResponderExcluirValeu fabiano como no meu não deu aquela outra eu fiz nessa e tá aparecendo!
ResponderExcluirLou!Valeu!
Também é possivel utilizar o Format Factory, que pode converter muito mais tipo de arquivos, para fazer download acesse este link:
ResponderExcluirhttp://www.baixaki.com.br/download/formatfactory.htm
Ela funciona nos Windows XP/Vista/7/2003
Cara vcs são muito foda vcs são os melhores, muito obrigado pela ajuda. Valeu mesmo.
ResponderExcluirObrigado
ResponderExcluirnossa muito bom !!!!!!!obrigada pelas dicas!!!
ResponderExcluirMuito obrigado me ajudou muito mesmo !
ResponderExcluirÉ muito importante descobrir isso.
ResponderExcluirPois o icon é preciso para o Internet Explorer.
Nos outros funcionam o png.
Olha aqui ainda nada de radia online nao tem link nao tocar musica, e muito mesmos escutar ate as outras radia ficam com um chiados devido apecariedade do som do Winamp e que eu uso aqui.
ResponderExcluirobrigado pela atenção de mim digitando essa pagina.
Muito obrigada, foi a forma mais fácil de resposta que li.
ResponderExcluirDeus te abençoe!
nao consegui oq faço?????
ResponderExcluirMaranata estudos
ResponderExcluirmas agora tem outras formas de trocar o favicon... se quiser pode enviar a imagem diretamente ao blogger
ONDE ESTÁ ESCRITO: ARQUIVO?? PRECISO DISSOOOOO!
ResponderExcluiré só clicar em Free Favicon Hosting, veja aqui http://www.iconj.com/favicon_hosting.php
ResponderExcluirDeu certo.Apanhei que só para conseguir, viu?Procurei um icon na internet, fiz o download e fui nesse site de hospedagem que você indicou Free Favicon,cliquei em Home, abriu a caixinha de Selecionar Arquivo, fiz todos os passaos que você deu. Colei no HTML do meu blog e vouilá ! Ficou ótimo.
ResponderExcluirObrigado, caro amigo por disponibilizar essas dicas.
Tô prucrando a sua caixinha de Link-me pq adorei as dicas daqui e sempre qdo. faço mudanças me perguntam onde foi que eu as vi e como aprendi.Amei!
Ei mas n ta carregando quando coloco o upload ele fica lá só carregando mas n sai do lugar
ResponderExcluiresse tutorial já tem algum tempo, mas agora se quiser pode enviar a imagem para a barra de endereço diretamente para o blogger através da pagina layout
ResponderExcluirExcelente e obrigado!!
ResponderExcluirBy Michael Felipe
Como sempre, parabenizo-vos!!!
ResponderExcluirÚtil e simples!!
Obrigado!!!!!!
Obrigada, Dicas para Blogs! Sempre entro aqui e confio no seu conteúdo. Meu blog tem melhorado muito devido à sua ajuda. Laura Kim
ResponderExcluirObrigada, Dicas para Blogs! Sempre entro aqui e confio no seu conteúdo. Meu blog tem melhorado muito devido à sua ajuda. Laura Kim
ResponderExcluirNossa, eu só fui em Layout > Editar Favicon, escolhi o png e pronto!
ResponderExcluirFinalmente, depois de muito tentar consegui!!!
ResponderExcluirObrigada ^^