Como alterar o favicon do Blog

Para colocar um Favicon no blog, ou seja, a imagem que fica na barra de endereços ao lado da url do seu blog, precisamos criar e hospedar uma imagem e depois colocar um código no html do blog. Mas vamos explicar por partes e você verá que é fácil de fazer. Veja também nosso video tutorial Colocar Favicon no Blogger - Imagem na Barra de Endereços.

Veja também a novidade do blogger(junho/2011) que agora permite enviar o favicon diretamente na pagina design: Como Colocar Favicon no Blogger

Primeiro crie ou encontre uma imagem que gostaria de usar na barra de endereços, ela deve ser quadrada, lembre-se que a imagem ficará bem reduzida (16 x 16 pixels), portanto não adianta usar uma cheia de detalhes pequenos. Aconselhamos já salvar a imagem neste tamanho 16x16px para depois enviar para os sites de hospedagem e conversão para o formato ícone.


Depois que tiver a imagem pronta entre no site Free Online Icon Editor (recentemente esse site apresentou problemas, então sugerimos que veja aqui outra opção para colocar favicon no seu blog:Converter imagem jpg ou gif em ícone (.ico)) nele é possível desenhar seu ícone se quiser (para aqueles que são bons em pixelart), mas se for fazer selecione o tamanho 16 x 16. Mas viemos aqui principalmente para mostrar como converter sua imagem de qualquer formato (gif, jpg, png) em um ícone, ou seja, formato .ico, clique em enviar arquivo, encontre sua imagem, deixe selecionado 16x16(favicon) e clique em upload.


Agora clique no botão save icon e escolha um lugar para salvar o ícone no seu computador. Essa parte já está pronta, agora vamos hospedar o favicon (colocar a imagem do ícone na internet).


Vamos até o site Image Boo Hosting clique no botão enviar arquivo e localize o ícone, envie também a imagem original (que usou para converter no outro site para o formato ícone), deixe selecionado Public em upload type e clique em start uploading. Agora copie o código da ultima linha (Direct) das duas imagens que enviamos.

Até o momento já temos nosso ícone criado e hospedado na internet, agora só falta colocar no blog. Entre na pagina layout > editar html e procure por </head>, antes dessa linha coloque o código abaixo substituindo os endereços das imagens que você acabou de hospedar.

<link href='imagem formato icone' rel='shortcut icon'/>
<link href='imagem original' rel='shortcut icon' type='image/png'/>

No final da segunda linha troque png pelo formato da imagem original gif, jpg, se achar mais fácil poderia fazer isso já com uma imagem png desde o inicio. Clique para salvar e já está tudo pronto o resultado final é esse:





Fizemos e testamos esse tutorial no Firefox e Internet Explorer que são os navegadores mais utilizados atualmente.

Outro site para hospedagem de icones é o Free Favicon Hosting, afinal é sempre bom ter mais opções.
Related Posts with Thumbnails
Como alterar o favicon do Blog
4/ 5
Oleh

217 Comentários

«Mais antigas   ‹Antigas   1 – 200 de 217   Recentes›   Mais recentes»
27 de setembro de 2009 10:28 delete

Olá!
Estou sempre por aqui à espreita de dicas.
Eu poderia colocar a imagem de um smile tricotando?
Grata pelas boas dicas de sempre.
Tenha um ótimo domingo.
Carinhosamente,
Dô.

Reply
27 de setembro de 2009 19:21 delete

Muito bom o blog e as postagens!
Essa aí então nem se fala.
Muito bom, vou linkar o seu blog.

Reply
27 de setembro de 2009 19:59 delete

pode tentar colocar um gif animado(smile) mas talvez não funcione em alguns navegadores, mas já vi isso em vários sites. o jeito de colocar é o mesmo

Reply
28 de setembro de 2009 14:43 delete

Adorei muito seu blog, muito tri mesmo, continua assim, já to seguindo seu blog, se você ta afim de fazer pareceria entra no meu e me adiciona também, aqui ta meu blog, entra La, http://henrique199.blogspot.com/

Reply
28 de setembro de 2009 17:13 delete

Um presente para o seu blog. O selo VIP. Pegue la no link http://ciencisagora.blogspot.com/2009/09/selo-esse-blog-e-vip.html

Um abraço.

Reply
28 de setembro de 2009 19:36 delete

Pô não deu certo, quando vc clica no SAVE ICON, não acontece nada...da uma ajuda ae...

Reply
29 de setembro de 2009 14:25 delete

tente novamente, testei o site e está funcionando normalmente

Reply
29 de setembro de 2009 15:01 delete

Oi, eu não fiz com uma imagem, fiz pelo PixelArt mesmo.

na hora de colocar os códigos no blog, eu coloco o da imagem que eu hospedei no ImageBoo duas vezes?

obrigado ;

Reply
29 de setembro de 2009 15:30 delete

Sara Alves
precisa colocar as duas linhas do código, mas somente uma é no formato ícone.

envie pra mim o código que está usando no blog

Reply
29 de setembro de 2009 16:16 delete

Ah, eu já consegui.

obrigado mesmo :D

beijos & muito sucesso (;

Reply
29 de setembro de 2009 21:55 delete

Pô consegui, mas o site nao esta funcionando normalmente não...quando clicamos no SAVE ICON, ele não te da a opção para que vc escolha a pasta que vc quer salvar, eu cliquei em cima da imagem 16x16 e e fui no ''SALVAR COMO'' depois o resto realmente esta tudo certo.
Quero parabenizar, pois depois de entrar em muitos blogs e tentar o seu foi o único que consegui...Inclusive na hora de hospedar. Depois que hospedamos aparecem vários links e muita das vezes não sabemos qual copiar e vc deixou bem claro que era para copiar o DIRECT...Os outros blogs não informaram isso...valew mesmo

Reply
1 de outubro de 2009 00:35 delete

Valeu mesmo pelas dicas. Eu contruí o blog com as notícias daqui. Estou começando neste segmento há pouco tempo, e estas informações foram bastante relevantes.

Reply
1 de outubro de 2009 13:42 delete

De primeira eu não consegui.
Depois de três tentativas eu percebi que estava fazendo idiotice! OBrigada! Vocês me ajudaram muito!

Reply
1 de outubro de 2009 16:12 delete

Primeiramente, muito bom o blog!
Agora não consegui adicionar meu icone. Ao invez disso aparece o endereço da imagem hospedada no cabeçalho da minha página. Você sabe o que fiz de errado?

Obrigada

Reply
1 de outubro de 2009 16:50 delete

Bruna Hirsch
provavelmente está colocando o código em lugar errado ou faltando algum símbolo.

Reply
2 de outubro de 2009 17:04 delete

eu fis tudo isso e nao deu certo apareceu:Não foi possível salvar o modelo
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: Open quote is expected for attribute "{1}" associated with an element type "href".

Reply
2 de outubro de 2009 18:01 delete

Matthew
provavelmente faltou algum caracter no código, barra no final ou usou aspas

Reply
5 de outubro de 2009 13:26 delete

Esse blog é super, híper demais, "Parabéns" sou inicinate,ficamos sem saber o que fazer e sempre precisamos de uma grande ajuda. Obrigada pelas dicas.

Reply
7 de outubro de 2009 10:36 delete

Vou fazer!!Apesar de não ligar muito para isso acho uma maneira de deixar seu blog mais "atraente"

Reply
7 de outubro de 2009 10:42 delete

Gostaria de saber se esta dica serve para o blogger tambem,abraço a todos!

Reply
7 de outubro de 2009 14:58 delete

esse código serve para qualquer blog ou site.

Reply
8 de outubro de 2009 17:47 delete

Oi Fabiano! Parabéns pelo blog.

Eu estou tentando mas não está dando certo , a mensagem de erro é:
"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: Open quote is expected for attribute "{1}" associated with an element type "href"."

Estou começando a achar que o problema é o meu template.

sabe como ajudar?
Parabéns pelo blog mais uma vez ;D

Reply
8 de outubro de 2009 18:30 delete

ah, já vi no que eu estva errando. muito obrigada ;D

Reply
9 de outubro de 2009 11:33 delete

Olá amigos,

Fiz o procedimento e ocorreu quase tudo bem, ao criar a imagem e o icone, o link das fotos aparecem acima do navbar do blog, como faço para retirar esse endereço das fotos? O icone esta funcionando corretamente.
Obrigado.

Reply
9 de outubro de 2009 18:47 delete

Angélica Santana
no final do código tem uma barra, se não colocar dá erro. veja também se não está usando aspas no lugar errado

Reply
9 de outubro de 2009 18:50 delete

Lucia Helena
retire o código e coloque novamente, provavelmente tem algo errado, não é para aparecer o link

Reply
10 de outubro de 2009 23:14 delete

Obrigado pelas dicas, está me ajudando muito.

No navegador Safari também funcionou.^^

Reply
16 de outubro de 2009 02:10 delete

maravilha hein....show de bola seu post! me ajudou muito ja fiz um coloquei no link do meu blog.

valeu ^^

Reply
16 de outubro de 2009 13:24 delete

Deu certinho de primeira, apenas tive que usar outro site para criar o ícone pois o Free Online Icon Editor não está funcionando não..rss...mas deu tudo certo, valeu a dica.

Pra quem ainda não conseguiu e quer ver o resultado o endereço é esse:

http://www.grandestextos.blogspot.com

Reply
16 de outubro de 2009 19:59 delete

pow adorei essa postagem consigui mudar o simbolo do meu e deu tudo certo.
olha ai como ficou:
http://loucopormusicas.blogspot.com
vlw
abraços e muito obrigado

Reply
17 de outubro de 2009 00:40 delete

Olá tudo bem?
amei seu post, eu venho tentando a um tempo trocar meu favicon, mas não consigo de geito algum, e eu tenho certeza que fiz tudo certo, mas na hra de visualizer aparece erro e fecha meu blog e o favicon tbm nem aparece, eu não sei mais o que eu faço!
e eu queria muito trocar, e em outros blogs tbm tenho notado que nao aparece o favicon. será que é meu navegador? é o IE8.0 o mais recente da microsoft.
thais_medeiros_mxp3@hotmail.com Muito obrigada se me ajudar ..

Reply
17 de outubro de 2009 11:33 delete

o internet explorer as vezes não aparece na primeira vez que o site é carregado(aconteceu com o meu), mas quando clica para ver outra pagina do blog aparece o ícone.

se mesmo assim tiver problemas tente hospedar a imagem em outro lugar pois o problema só pode ser esse. os códigos estão corretos

Reply
18 de outubro de 2009 12:18 delete

Opa, gostei disso, mais uma coisa para personalizar o meu blog!
Valeu!

Reply
Raul Calais
22 de outubro de 2009 15:41 delete

Ôpa, tudo bem?
gostei muito do seu blog, vc esta de parabéns!
Esta me ajudando muito na criação do meu.

Mais estou com uma dúvida.
Eu fiz tudo como o esplicado, mais quando chega na parte do /head, ai pra frente a coisa nao anda.. rsrs
nao entendi onde vc tiro os links abaixos!


se puder me ajudar ficarei muito grato!

Um Abraço!!

Reply
22 de outubro de 2009 15:53 delete

Raul Calais

é só colocar os códigos do favicon antes do codigo </head> no seu blog

Reply
Raul Calais
22 de outubro de 2009 16:15 delete

Onde eu encontro esses códigos?

link href='imagem formato icone' rel='shortcut icon'/

link href='imagem original' rel='shortcut icon' type='image/png'/

Reply
Raul Calais
22 de outubro de 2009 16:38 delete

Onde é q eu axo esse código Favicon?

Um abraço!!

Reply
Raul Calais
22 de outubro de 2009 17:35 delete

Nossa tava na minha cara e eu nao via! kkkkk deu certo aki..

um abraço meu caro!

Reply
23 de outubro de 2009 16:37 delete

Sempre que eu enho botar no Image Boo, lá diz que o documento é bmp e aí não dá. É porque eu clico em salva e não acontece nada, aí eu tenho que salvar o último que eu fiz, então, fica em bmp

Reply
23 de outubro de 2009 19:16 delete

no meu modelo fica neste trecho

</b:if>
</h3>
</b:if>
<div class='post-header-line-1'/>
<div class='post-body entry-content'>
<data:post.body/>

Reply
6 de novembro de 2009 11:12 delete

PERFEITO!! carãa. eu tava tentando isso faz uns 5 meses. agora achei um tutorial decente :) !

Obrigado!!
o melhor blog para dicas!!

Reply
23 de novembro de 2009 20:23 delete

Quando eu carrego em "Save Icon" nao aparece nada. Podia-me dar uma ajuda, é que eu já tentei duas semanas seguidas e nao da.
uma ajuda??

Reply
24 de novembro de 2009 16:47 delete

alguns sites podem apresentar problema, tente procurar outro site de hospedagem ou para converter imagens

Reply
26 de novembro de 2009 19:43 delete

Se nao conseguir fazer o icon tambem pode ir a http://www.favicon.cc/

Reply
Xd
1 de dezembro de 2009 17:50 delete

Fabiano, eu naum carreguei imagem e sim fiz la...fiz td e tal, mas não mudou o favicon do blog.

Reply
2 de dezembro de 2009 07:54 delete

veja se salvou no formato correto e colocou os códigos certos.

as vezes é precisa atualizar a pagina para funcionar

Reply
3 de dezembro de 2009 03:19 delete

OLa muito bom seu blog ja me ajudou bastante , mais nao entendi onde colok o link que gera da imagem

Reply
3 de dezembro de 2009 08:04 delete

o endereço da imagem você coloca no código que falamos nesta postagem e depois na pagina editar html

Reply
5 de dezembro de 2009 09:57 delete

Muito obrigado! Esse blog é ótimo!
Consegui botar no meu, esse blog é MUITO bom!

Reply
9 de dezembro de 2009 00:19 delete

Amigo,

Seu tutorial foi muito bom e o favicon ficou muito legal em meu blog...

Gostaria de saber se o favicon novo aparece no Google Chrome pois aqui no meu pc não está aparecendo, ele continua como o icon do Blogger.

O endereço é:
www.pouzada.net

Reply
9 de dezembro de 2009 00:30 delete

Desculpe amigo pelo Comentário duplo, mas esqueci de lhe avisar que o seu favicon aparece perfeitamente aqui no meu Google Chrome.

O do meu blog não!

Obs: nos dois links que eram para serem substituídos eu coloque a imagem ico.

Reply
9 de dezembro de 2009 15:23 delete

Vitor
as vezes é necessário atualizar a pagina para funcionar

Reply
16 de dezembro de 2009 11:53 delete

no meu blog não funcionou veja


www.atualizadof5.blogspot.com

Reply
16 de dezembro de 2009 14:56 delete

marquynho, entrei no seu blog e está funcionando, acho que já resolveu o problema, as vezes é necessário atualizar a pagina

Reply
22 de dezembro de 2009 13:56 delete

Nossa muito obrigado mesmo tentei de várias maneiras procurei diversos tutoriais mais esse foi o único que consegui colocar o favicon.

Valeu!

Reply
4 de janeiro de 2010 20:31 delete

Olha, eu testei e funcionou normalmente no Internet Explorer (Que você ja tinah testado) e no Opera (que Tambem Funcionou Normalmente) e achei muito maneiro, valeu.

Reply
Sidnei
4 de janeiro de 2010 21:05 delete

Boa noite,
fiz o teste no Internet Explorer e ele não funcionou, porém funcionou no Google Chrome, o que pode ter acontecido?

Reply
4 de janeiro de 2010 22:35 delete

Sidnei

clique para atualizar a pagina no internet explorer, seu computador pode estar acessando o blog pelo histórico de internet

Reply
Anônimo
5 de janeiro de 2010 15:08 delete

Fabiano

eu atualizei a pagina do explorer, exclui cookies e fiz tudo que tinha que ser feito, porém nada foi alterado........

Reply
5 de janeiro de 2010 17:44 delete

qual o link do blog que colocou os códigos?

Reply
Sidnei
6 de janeiro de 2010 17:50 delete

Fabiano, o link é:

http://motorheadbangersblogmusic.blogspot.com/

Reply
7 de janeiro de 2010 15:55 delete

Sidnei

acho que pegou o código errado da imagem, as vezes que tentei abrir o link da imagem redirecionou para a pagina do imageboo

http://www.imageboo.com/files/lsj3nupuew5zf06zruk5.jpg

acredito que seja esse o problema

Reply
11 de janeiro de 2010 11:15 delete

Olá amigo, o tutorial é muito bom, conseguir por em um dos meus blogs, mais tem um que ja tentei por várias vezes mais não tenho sucesso. Não sei o que acontece faço exatamente o que fiz nos demais que estão funcionando. Se puder me ajudar, entre em contato. Abraços.

Reply
11 de janeiro de 2010 13:56 delete

Music Blog Download, olhe o código e veja se não em nada sobrando nele, tente hospedar novamente a imagem

veja também se nessas tentativas não deixou duas vezes o mesmo codigo no blog

Reply
11 de janeiro de 2010 20:10 delete

Deu tudo certo, ótimo tutorial.
Esse é um dos melhores blogs sobre blogs q conheço.

Reply
17 de janeiro de 2010 19:12 delete

muito bom exelente vou postar o link do seu site no meu blog. muito bom viu.

Reply
22 de janeiro de 2010 20:30 delete

Valew!!!!!!!!

olha aí: http://www.rubronegroesporte.blogspot.com

Reply
28 de janeiro de 2010 16:02 delete

Ótimo tutorial, estava atras de algo assim ha muito tempo. Parabens pelo blog sempre com dicas para aperfeiçoar nossos blogs.

Reply
29 de janeiro de 2010 23:11 delete

Não consegui salvar a imagem naquele site de colocar a imagem no formato favicon, como salvo lá?

Reply
29 de janeiro de 2010 23:45 delete

Lizandra, tente salvar em outro site, tem varios é só pesquisar no google por hospedar .ico

Reply
1 de fevereiro de 2010 03:23 delete

eu fiz tudo certo, colei no lugar certo, mas não muda exatamente nada, fica tudo igual, colei os codigos nos lugares certos, são dois codigos não? um em formato ico e o outro png? mas não esta dando certo

Reply
1 de fevereiro de 2010 15:05 delete

Dançarina e Sedentária

algumas vezes é preciso clicar para atualizar a pagina para aparecer o novo icone.

não tem como explicar melhor, você tem que hospedar as imagem, colocar os endereços nos códigos e por o código no blog

Reply
8 de fevereiro de 2010 22:46 delete

que barato acabei de criar um ícone para o blog e amei!
parabéns vc ensina de uma forma fácil amei!!!

Reply
16 de fevereiro de 2010 15:28 delete

Muito obrigada pelas dicas, ajudou muito! Usei o código para trocar o favicon do meu site e deu certo.

Só uma outra dica... Na verdade não é necessário transformar a imagem em um ícone. Pode-se apenas fazer uma imagem no paint em qualquer tamanho, de preferência quadrado, fazer o upload para a internet e copiar o link na parte editar html. A imagem é convertida automaticamente para o tamanho correto.

Abraço,

Carol

Reply
16 de fevereiro de 2010 15:43 delete

carol, concordo que a imagem será ajustada ao tamanho, mas pode distorcer, então por isso acho melhor já fazer num tamanho próximo ao que será utilizada nos sites.

Reply
20 de fevereiro de 2010 14:52 delete

Ei cara eu consegui certim aqui, muito bom mesmo sua dica...

eu só queria saber como que faz para aparecer uma mensagem ou uma coisa assim quando passamos o mouse no icone, pq quando coloco aparece só: "Esse site não fornece informações de identidade", daria para colocar o endereço do meu blogger ou mesmo fazer ele ficar clicável?

Reply
20 de fevereiro de 2010 18:43 delete

Minus

não tinha notado esse detalhe, mas todos os sites que visitei apareceu igual(usando o firefox), não consegui achar como mudar isso.

Reply
Dan
21 de fevereiro de 2010 22:40 delete

Ótimo post! :D
funcionou perfeitamente!
no começo ia até comentar que não tava funcionando, mas depois percebi que eu estava colocando o código acima do "head" e não do "/head"
podem Observar o resultado: http://idanou-se.blogspot.com

Reply
8 de março de 2010 18:41 delete

muito bom teu post.
de todos os sites que olhei, o teu foi único que consegui ! valêu (:

Reply
12 de março de 2010 10:42 delete

Fabiano não consegui,ta dando erro.
Qual parte do link que passou tem que substitur?meu email é vancrisk@yahoo.com.br obrigado

Reply
12 de março de 2010 13:11 delete

coloque o link das imagens nos lugares em destaque no código imagem formato icone e imagem original

Reply
16 de março de 2010 16:28 delete

vlw pelo turial aqui foi o unico site que ensina direito como trocar o favicon do blogger lvw msm

Reply
17 de março de 2010 22:06 delete

Sem o seu Blog eu não sou nada,obrigado!Mais uma dica que deu certo,ficou lindinho,deu aquele toque especial!

Reply
21 de março de 2010 04:19 delete

Mto obrigada! Até que enfim consegui!

Reply
25 de março de 2010 11:23 delete

amigo e se eu quiser fazer uma la no site nao vo ter original depois como faço?

Reply
25 de março de 2010 14:37 delete

se quiser voltar ao original é só apagar essas linhas de código que colocou no blog

Reply
28 de março de 2010 22:46 delete

Oi, eu não estou conseguindo fazer isso, ja tenho a imagem normal e em formato icone, mas quando vou hospedar da erro e nao consigo...
me ajuda por favor!!!

P.S.: O blog etá maravilhoso!!!

Reply
28 de março de 2010 23:58 delete

lucas, achar hospedagem para formato icone é um problema, vou pesquisar algum site que faça isso, mas tente no google vai encontrar

Reply
30 de março de 2010 19:15 delete

amigo pesquisei e não achei, fica dificil... parece que só tem esse.. se achar algun avisa pra nois, grato..

Reply
31 de março de 2010 14:59 delete

Poh e tentei umas três veses não consegui então eu resolvi perguntar fika antes ou depois do nome head e esse nome fica logo no início ne?
s minha imagem eh essa a ico http://www.imageboo.com/files/0msd1uq6o1k17cjkiuvt.ico
e a png
http://www.imageboo.com/files/njf7jyy2s18zr3jszygv.png

Reply
31 de março de 2010 15:43 delete

Uchiha Sasuke - Sama
sim, fica logo no começo do código do blog

Reply
1 de abril de 2010 01:02 delete

Olá, Fabiano Roberto
sua publicação foi bastante útil, porém, aparenta não estar funcionando aqui... uso o navegador Google Chrome.
Feliz 1ºde Abril e Feliz Pascoa!
Abraços.

Reply
2 de abril de 2010 22:04 delete

Oiii!!! Parabéns, adorei o conteúdo!
Mas... fiz TUDO CERTINHO e não deu certo! Ficou aparecendo, no lugar do favicon, um quadrado preto! O que aconteceu?? Por favor, me ajude. bjs!

http://milleph.blogspot.com

Reply
3 de abril de 2010 00:05 delete

Michelle e Phillipe
olhei o código do seu blog e a imagem que hospedou parece mesmo ser um quadro preto, tente hospedar novamente, mas use uma imagem já no tamanho reduzido.

Reply
3 de abril de 2010 10:36 delete

Ola pessoal estou a construir um blog para os escoteiros e estava aqui a fazer um favicon eu fiz mesmo um mas nao tenho uma imagem original fiz nesse site o que faxo.

Reply
3 de abril de 2010 13:27 delete

tem que salvar e depois hospedar a imagem

Reply
3 de abril de 2010 21:10 delete

Oi eu hospedei a imagem no imageshack

e quando fui meter no blog nao aprexe simbolo

Reply
3 de abril de 2010 21:21 delete

Olha eu posso te mandar o meu icon e tu mandas me ja os links plx?

Reply
3 de abril de 2010 21:23 delete

DjTareco® , precisa salvar e hospedar a imagem no formato .ico também

Reply
3 de abril de 2010 21:29 delete

Vou te dizer como fiz

Fui aquele site de favicon e salvei> esta no ambiente de trabalho

Mas faltame a imagem original eu meti o icon no imageshack ....

Eu doute o meu icon e tu podes fazer me isto porfavor agradeco +_+

Reply
João Dias Jr
3 de abril de 2010 23:32 delete

Valeu Fabiano pelo post!
Funcionou muito bem no Firefox e no Chrome. só no IE8 (sempre o IE né) foi que não funcionou, vá entender. Mas vou fazer uns testes mais tarde e se eu descobrir por que eu conto.
Valeu mesmo pela dica um abraço.
Ah e quem quiser conferir tá aqui ó:
http://emaisoumenosisso.blogspot.com/
Lembrando que no Internet Explore não roda por enquanto.
Fui!

Reply
4 de abril de 2010 00:12 delete

clique para atualizar a pagina do internet explorer, vai funcionar se colocar os codigos e endereços das imagens corretos.

Reply
8 de abril de 2010 20:00 delete

Oi Fabiano,socorro já fiz refiz e naum consigo esse ´´e o erro...
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 processing instruction must begin with the name of the target.

Reply
8 de abril de 2010 20:32 delete

passei para dizer q consegui já estava me sentindo burra tive q alterar pelo IE salvar para depois ver no fire vai entender

Reply
20 de abril de 2010 17:39 delete

Da hora essa dica !
olhem meu blog, deu certo mesmo, o icone ficou file: www.blogsportmade.blogspot.com

Reply
(:
20 de abril de 2010 20:00 delete

Oi !
eu não consigo !
quando salvo a imagem no meu computador não aparece nada ! tipo eu abo a imagem e está em branco ):

Reply
21 de abril de 2010 14:33 delete

se não aparece deve ter copiado algum código errado, provavelmente na hora de alterar o endereço das imagens.

clique para atualizar a pagina do seu blog o computador pode estar usando o histórico de internet

Reply
23 de abril de 2010 17:12 delete

olha adorei o blog ensina tudo direitinho + eu fiz tudo bem certinho mas nao consigui tava tudo certo nao sei oq aconteceualguem pode me ajudar

Reply
24 de abril de 2010 14:12 delete

Sensacional. Tô ficando fã desse blog.Valeu

Reply
30 de abril de 2010 16:39 delete

Ae consegui!
Valeu mesmo era por isso que eu estava esperando.
Dá uma olhada la no meu. www.surf-es.blogspot.com
VALEU!

Reply
27 de maio de 2010 11:35 delete

Muitíssimo obrigado pela dica, ajudou a deixar meu blog mais personalizado. Valeu mesmo!

Reply
6 de junho de 2010 21:08 delete

Muito Bom Mesmo... Sipmpres e funciona

Reply
8 de junho de 2010 10:31 delete

Que código é esse que vocês estão falando?É o do nosso blog?

Reply
8 de junho de 2010 14:59 delete

Vitinho30, você precisa colocar esse codigo no seu blog com os endereços das imagens que hospedar para usar como favicon

Reply
9 de junho de 2010 09:52 delete

Não é que quando clico em salvar não acontece nada!
Preciso de ajuda!

Reply
9 de junho de 2010 15:56 delete

se não acontece nada nem salva nem dá mensagem de erro? pode ser falha no site, exclua o histórico de internet e tente novamente.

Reply
10 de junho de 2010 10:17 delete

Não!
Ainda não entendeu!
Sabe aquele 2 quadradinhos brancos do lado esquerdo.
Então, o que eu boto lá?

Reply
Anônimo
12 de junho de 2010 10:30 delete

Estou muito triste pois agora,não da mas para colocar,pois o blogger colocou Designer ao inves de Layout,ai não da mas para ter acesso a meu layout!!estou muito irritada com o blogger,pois eles colocam essa pagina de designer sem que a pessoa permita,vc tem como colocar um html que de para colocar nos elementos da pagina???

Reply
12 de junho de 2010 12:07 delete

mas na pagina designer tem a opção voltar ao blogger e lá tem a guia html.

Reply
19 de junho de 2010 03:10 delete

o imageboo não abre aqui! o que faço?

Reply
19 de junho de 2010 13:38 delete

veja esse site para crair o favicon:

http://tools.dynamicdrive.com/favicon/

Reply
4 de julho de 2010 12:41 delete

Obrigado pelo tutorial Fabio.
Mas fiz tudo direitinho e não funcionou,segui a risca o tutorial,e não funcionou,continuou a imagem do Blog,Desiste.Abraços

Reply
4 de julho de 2010 13:33 delete

Benny(ddamarestiano)
as vezes é preciso clicar para atualizar a pagina para ver a alteração, geralmente o computador usa o histórico de internet por isso não vemos mudança na primeira vez que visualizamos a pagina.

Reply
5 de julho de 2010 11:59 delete

Bom fiz tudo direitinho até chegar no imageboo o site ñ deu certoporq?
obrigado!!

Reply
5 de julho de 2010 15:28 delete

veja aqui outros sites de hospedagem

Sites úteis para Blogueiros

seu problema foi hospedar as imagens? certo?

Reply
MeT
6 de julho de 2010 14:33 delete

o site de hospedagem que vcs postaram não está funcionando.
o site é o Image Boo Hosting

Reply
6 de julho de 2010 15:14 delete

as vezes o image boo hosting fica off, tente esse site
http://www.hostanypic.com/

Reply
19 de julho de 2010 02:46 delete

Até agora só vi esse funcionando!

Espero poder ajudar alguém!

http://www.freeimagehosting.in/index.php


Super, hiper, mega testado e aprovado! rs

Beijos!

Reply
27 de julho de 2010 14:20 delete

Poxa perfeito isso! voce esta de parabens! deu certinho aqui no meu blog.
porfavor não pare com esse blog pois ele ajudará milhares de pessoas

Parabens mesmo

Reply
8 de agosto de 2010 11:22 delete

muito obrigada pessoal deu super certo lá no blog adorei o resultado grande abraço ;D

Reply
10 de agosto de 2010 13:15 delete

Ola Fabiano.

Tento usar o Image Boo Hosting para hospedar o icon, mas diz que eu preciso ter a biblioteca GD carregada como uma extensão do PHP, instalada se não nem funcionará.

Sabe o que é isso?

abraços

Reply
10 de agosto de 2010 13:19 delete

Outra coisa. Não entendo pq ocorre isso. No firefox o icone funciona normalmente, mas no explorer não.

Já atualizei a pagina como vc sugeriu nos comentários mas nada. Abri seu blog no explorer para ver se o teu icone para saber se dá certo e aparece normalmente.

Abraço

Reply
10 de agosto de 2010 14:59 delete

se tevê problemas no imageboo, tente usar o http://www.iconj.com/favicon_hosting.php

Rafael Lopes
olhei seu codigo e essa imagem do icone não está abrindo, deve ser esse o problema a hospedagem da imagem

http://bsaves.com/files/bloggertemplates/images/logos/favicon.ico

Reply
11 de agosto de 2010 09:11 delete

Olá Fabiano,

Esse link: http://bsaves.com/files/bloggertemplates/images/logos/favicon.ico

É padrão do template que utilizo, não foi eu quem o pôs.

Tentei substitui-lo por meu favicon mas também não deu certo, rss. Desisto!

Desde já valeu pelas respostas.
Abraço

Reply
11 de agosto de 2010 15:04 delete

justamente esse é o problema, precisa hospedar uma imagem no formato .ico e colocar no lugar desta que falou.

Reply
12 de agosto de 2010 00:17 delete

Fabiano, problema resolvido. Deu tudo certo.

Valeu rapaz

abraço

Reply
14 de agosto de 2010 13:12 delete

Gostei muito deste blog!

Aprendi quase tudo o que sei agora e o que fiz no meu blog com este blog.

Abraços e muito obrigado.

Reply
14 de agosto de 2010 19:34 delete

sussa, deu certo aki.
com GIG

confere ae > www.djacksonviana.blogspot.com/

Reply
20 de agosto de 2010 18:44 delete

bacana ja usei este artificio ...

Reply
23 de agosto de 2010 00:05 delete

Eu consegui. Agora eu já entendi: é soh ter paciência.

Reply
25 de agosto de 2010 00:28 delete

Bem legal sempre estou por aki vendo algumas coisas para mei blog consegui isso tb xD valew! este eh meu blog http://down-infinits.blogspot.com/

Reply
2 de setembro de 2010 12:20 delete

Ótima dicaaaa...funcionou perfeitamente!!! E olha q eu estava quebrando a cabela à dias! Aff.
Usei este site para hospedar minha imagem: http://wimg.co.uk/result/multi/8Ge.jpg-S

Obrigadaaaa!!!

Reply
5 de setembro de 2010 23:54 delete

Seu blog é lindíssimo (: Segui o tutorial e deu certinho, muito obrigada.
Só que o ícone eu hospedei pelo "Free Favicon Hosting" e a imagem normal pelo Tinypic, pois os outros indicados não estavam funcionado (aquele que dá pra desenhar o ícone, quando era pra carregar, dava erro. O da imagem nem abriu)
Parabéns pelo blog! Você faz centenas de outros blogs mais felizes :DDD

Reply
11 de setembro de 2010 16:09 delete

muito boa essa postagem mas eu ja tenho um icone pro meu blog só não sabia como colocar a imagem é essa:http://illiweb.com/fa/favicon/smiley.ico

mas muito boa a postagem

Reply
12 de setembro de 2010 17:04 delete

Também tem o http://www.favicon.cc/, que para mim, é o melhor.

Reply
18 de setembro de 2010 23:42 delete

Oi, eu conseguir hospedar a imagem no Free Online, mas lá não tem a opção para converter a imagem em icon. O site está mudado, não está do jeito que está na imagem que voce colocou na postagem. O que devo fazer ?
Desde já agradeço !

Reply
19 de setembro de 2010 01:16 delete

o site deve ter mudado de layout pq faz um tempo que publicamos esse tutorial sobre favicon, vamos olhar o novo site e atualizar a imagem

Reply
19 de setembro de 2010 22:57 delete

Muito bom! Funciona também no Chrome! Atualiza o post com a imagem do Favicon no Chrome. Hoje é um navegador bastante usado.

Reply
1 de outubro de 2010 12:51 delete

Poderia me ajudar? Não estou conseguinco colocar meu favicon, entendo mto pouco de html, segui todos os passos, mas na hora de visualizar, nao dá certo.
Por favor? Me ajuda?
Por favor? :-)

Reply
1 de outubro de 2010 14:56 delete

Carina Mendes
as vezes na primeira visualização não aparece pq o seu computador usa o historico para acessar o seu blog, mas visitei seu blog e não vi os códigos nele

Reply
1 de outubro de 2010 14:57 delete

Carina Mendes
as vezes na primeira visualização não aparece pq o seu computador usa o historico para acessar o seu blog, mas visitei seu blog e não vi os códigos nele

Reply
1 de outubro de 2010 15:30 delete

eu tirei os códigos, mas antes disso, eu apaguei o meus histório, meus cookes e tentei abrir, mas mesmo assim não foi
Será q é pq a imagem e o ico estão no google sites?
Bom vou conferir e refazer tudo denovo com calma.
Obrigada.

Reply
1 de outubro de 2010 15:46 delete

Ai, acho q tô quase lá!
Ainda não aparece o meu favicon q seria uma borboleta, mas o favicon do blogger não está mais lá..
Posso considerar isso uma avanço??
Oque ainda tenho q fazer?
Ha propósito, amei seu blog, depois eu vou fazer uma lista de blogs no meu, e recomento o seu ta.
Bjus! Obrigada.

Reply
1 de outubro de 2010 16:12 delete

no firefox está aparecendo a borboleta, não sei pq não aparece no internet explorer, pode tentar hospedar a imagem em outro site, talvez o http://www.iconj.com/favicon_hosting.php

Reply
1 de outubro de 2010 16:48 delete

Uebaaa! Yupi! Deu certo!!
Valew!!
Muito muito Obrigada!
Não vou me esquecer do seu blog ta!
Bjux, bom fim de semana!

Reply
16 de dezembro de 2010 00:47 delete

Funcional aqui, obrigado pela dica.

Reply
27 de dezembro de 2010 00:05 delete

Não deu certo, na hora de salvar o modelo html da erro

Reply
27 de dezembro de 2010 01:46 delete

deve ter colocado o código no lugar errado da pagina... ou na hora de copiar e colar faltou algo... aspas... > ... <

Reply
30 de dezembro de 2010 06:55 delete

o image boo hosting,não funcionou esse link da uma ajuda ae.

Reply
30 de dezembro de 2010 10:27 delete

veja aqui outro site de hospedagem

Colocar Favicon no Blogger - Imagem na Barra de Endereços

parece que imageboo está mesmo com problemas

Reply
12 de janeiro de 2011 19:29 delete

tem como colocar o favicon outra vez tipo mudar denovo??
por que eu tentei e noa foi, sera que vai danificar meu blog??

Reply
13 de janeiro de 2011 14:46 delete

se tentou uma vez e não deu certo, apague o código que colocou e tente novamente, veja se o endereço da imagem está certo

Reply
30 de janeiro de 2011 23:54 delete

Boa noite galera deu certo no meu Blog, visita ae po;
http://www.cidadaosa.blogspot.com
Demorei pra encontrar a tag [/head]..daí lemberi de um código pra encontrar mais rápido; => Ctrl+F o próprio Google procura e é só vc digitar o que procura e pronto!
Show, vlw galera do Dicas para Blogs!

Reply
1 de fevereiro de 2011 11:48 delete

Gente, um aviso, se forem usar o "JIcon" como site de hospedagem da imagem, não precisam usar o código mostrado no exemplo, digitem, ao invés do código no exemplo, o código que é mostrado no site de hospedagem [são dois códigos]

Reply
7 de fevereiro de 2011 02:39 delete

Eu não consegui.Eu fiz tudo certinho..
hospedei as duas imagens, a icon e a original nesse novo site http://www.iconj.com/generator.php
n seu certo! Help-me ;/

Reply
7 de fevereiro de 2011 13:23 delete

as vezes é necessário clicar para atualizar a pagina para o icone aparecer

Reply
8 de fevereiro de 2011 12:37 delete

Eu fiz de tudo mas não consegui,só deu certo com o modelo clássico do blog,a dica é ótima e funciona,mas porque só dá certo no modelo antigo?tem alguma outra forma?

Reply
8 de fevereiro de 2011 14:15 delete

Sileny
acho que o procedimento é igual em qualquer template

Reply
13 de fevereiro de 2011 04:45 delete

o meu blog é o novo,e não tem a tag /head
O que devo fazer?

Reply
13 de fevereiro de 2011 13:11 delete

TheMemeGenerator
use o ctrl F no teclado para achar o /head, todo blog tem isso.

Reply
7 de março de 2011 17:16 delete

NAO CONEGUI ACHAR O >/HEAD< NO TEXTO.
QUANDO AXEI EU COLOQUEI O NEGOCIO LÁ E O LINK DA IMAGEM FOI PARA NO RODAPÉ DO MEU BLOG.
POR FAVOR ME AJUDEM!

Reply
7 de março de 2011 23:25 delete

Eu gostaria de saber como se coloca uma imagem como por exemplo, um balão de falas ao lado de onde estiver escrito "comentários" embaixo de cada postagem. Se vc puder fazer um post explicando como se faz isso eu agradeceria.

Reply
17 de abril de 2011 20:33 delete

pow fabiano, tipow, eu peguei meu icone no http://www.softicons.com, blz. ai eu fui no imagem boo hospedei peguei o codigo DIRECT, ai eu coloquei assim : ://www.imageboo.com/files/o78hf9uvg8bstr526ap4.ico no primeiro link


http://www.softicons.com/download/animal-icons/animal-desktop-icons-by-aha-soft/png/24/bird.png segundo link

veja que o segundo link está com o link da imagem direcionado ao site que eu peguei meu icone, Softicons, isso tem pro? pq tipow, eu copiei a imagem pro meu pc, converti pra .ico no paint e hospedei no boo e proto, porem não tenhu a imagem origial em jpc hospedada isso tem pro? ai meu fav n aparece =[. se vc puder ver o codigo do meu blog: http://www.englishofcourse.co.cc
brigadão e abrass

Reply
18 de abril de 2011 00:02 delete

se não me engano sites com dominio no co.cc tem dificuldades para trocar o icone... pois o site usa o deles

Reply
18 de abril de 2011 20:42 delete

Muito Obrigado,testei varias outras formas mas apenas essa deu certo eu visito este Blog quase todos os dias para ler os tutuoriais,foi com este blog que ganhei conhecimento e uso hoje em dia em meus trabalhos de criação de templates

Reply
Lucas Costa
18 de abril de 2011 20:54 delete

fabiano parabens pelo blog, pow me desculpa mais oq vou falar agora tem nada aver com esse post. tipo, eu queria fazer um indice desse que tu tem nesse site:

Acessorios
Colaraboradores
Configurações avançadas
etc...

pq quando eu fasso alguma postagem no blog, fika na pagina principal, ai ela fika mto grande. ai tipow, eu queria deixar um indicesinho do lado e somente uma msg de boas vindas no meio, tem como?. desculpe-me se este n é o post certo, mais n axei esse tuto aki em teu site, se existir algum tuto, assim e vc puder deixar o link ai mto obrigado!

meu blog: http://www.englishofcourse.co.cc

abrass

Reply
18 de abril de 2011 22:43 delete

alguns blogs acham algumas maneira de criar um tela de boas vindas, mas dependendo do tipo de código pode prejudicar a indexação pelo google...

todas as postagens passam pela pagina incial e vão automaticamente para as paginas dos marcadores que é esse e menu que você citou

Reply
Lucas
18 de abril de 2011 23:09 delete

Fabiano, tipow, meu blog é de inglês, ai não tem como eu criar uma pagina só pras postagens? e uma só pra exercicios, e deixar só sei lá, alguns posts no meio ?.

desse jeito ke tu fez aki, o kra entra no teu site, ai tem alguns arquivos no meio e um indice do lado, ai tipow se eu keru no teu site:
Erros do blog

eu vou la e cliko, dai vou para pag só de erros para blog, entendes?

era isso q eu keria fazer no meu, só q no meu seria uma pag de aulas e outra só de exercicio.

tem como ? brigadão kra.

Reply
18 de abril de 2011 23:27 delete

não tem como criar paginas separadas deste modo que falou...

você pode usar os marcadores para separar aulas, exercicios... mas todas as postagem aparecem na pagina inicial do blog só quando alguém clicar em um dos marcadores verá somente os exercicios ou aulas...

Reply
Anônimo
19 de abril de 2011 13:45 delete

aki é Lucas. hmm, blz então. só mais duas coisas. quando eu digito Dicas para blogs no google, teu link aparece bem organizadozim com algumas pags e tauz:
Dicas para blos
Tutorias e dicas sobre como criar......
Ganhar tempo e conseguir mais Troca de links...
Quais as palavras chaves mais... Dicas no seu sit

já o meu, aparece todo lokão, teria como eu organiza desse jeito ai o meu? se tiver como me ensinar agradeço.

a 2º coisa. meu e-mail: englishofschool@gmail.com
meu msn: lucasaaaaaaa@hotmail.com

o e-mail é pra n disviar mto os assuntos aki do topico, ai se tu kiser mandar pro e-mail...
e o msn, eu keria saber se tu poderia me add pra trocarmos umas ideias.

manim vlw ai, desculpa pelo trabalho. abrass

Reply
19 de abril de 2011 19:14 delete

essa organização é própria do google não fizemos nada para ficar daquele jeito...

Reply
20 de abril de 2011 14:35 delete

O meu só aparece no Firefox, porquê? A imagem está hospedada no Iconj. Espero ajuda, obrigado!

Reply
20 de abril de 2011 14:42 delete

Vc escreveu: coloque o código abaixo substituindo os endereços das imagens que você acabou de hospedar. Mas exatamente qual parte deverá ser substituída?? Se estivesse grifada acredito que ficaria ainda mais fácil... eu sou muito burra com esse negócio de HTML, nunca consigo fazer nada!

Reply
20 de abril de 2011 14:45 delete

tem que colocar antes da linha </head> no html do seu blog

Reply
24 de abril de 2011 11:58 delete

Olha, já tem muitos comentários de agradecimentos mas eu precisava registrar o meu porque tentei uns 5 ou 6 antes de finalmente conseguir um código que desse certo. A imagem que escolhi não ficou legal porque ficou meio achatada, mas agora pelo menos é só escolher outra imagem, por o esquema deu absolutamente certo! Obrigada ;)

Reply
24 de abril de 2011 14:26 delete

é um pouco dificil acertar a imagem do favicon porque ela é muito pequena... então na maioria das vezes distorce a imagem

Reply
25 de abril de 2011 08:25 delete

no meu aqui so mostra as estatisticas

Reply
25 de abril de 2011 22:01 delete

Meeeeu Deeeeeeeeeeeeeeeus !
EU AMO ESSE BLOOOOOG

Reply
000
8 de maio de 2011 01:58 delete

Deu certo e é super fácil. No principio tive medo de não pegar no Chrome, mas deu tranquilo. Obrigado pela dica, Fabiano.
_________

Visitem: http://noisesongartsickness.blogspot.com/

Reply
26 de maio de 2011 12:03 delete

muito bom procurei em varios blogs so encontrei aqui http://blogdopaulinhogt.blogspot.com/

Reply
30 de maio de 2011 00:04 delete

Vocês do Dicas para blogs estão de parabéns,no inicio pensei que não fosse dar certo,mas realmente ficou muito bom,só não funcionou no internet explorer mas no google e firefox ficou perfeito.
Muito Obrigado mesmo!!!!

Reply
Anônimo
30 de maio de 2011 14:30 delete

oi, cliquei no link acima " Free Online Icon Editor" e abriu essa página aqui: http://www.online-image-editor.nl/

onde eu clico?

Reply
30 de maio de 2011 14:41 delete

Anônimo
acredito que o site esteja com problemas pois já usei varias vezes esse endereço e funcionou corretamente a pagina deles era como nas imagens do tutorial

Reply
2 de junho de 2011 20:56 delete

Eu não consegui! Botei duas imagens: um ICO e um PNG os dois links funcionando, mas não aparece o favicon. Onde está o erro?


<link href='http://www.imageboo.com/files/cwn85eegdb6ask8zd1d3.ico' rel='shortcut icon'/><link href='http://www.imageboo.com/files/kuvobni4cznrggv8fbml.png' rel='shortcut icon' type='image/png'/>

Reply
3 de junho de 2011 15:16 delete

o código parece certo, se colocou antes da tag < /head > deveria funcionar... aperte o botão F5 no teclado para atualizar a pagina, as vezes seu computador está usando o historico de internet

Reply
«Mais antigas   ‹Antigas   1 – 200 de 217   Recentes›   Mais recentes»