Como fazer selos e colocar favicon(ícone na barra de endereços) no blog?

em 9 de junho de 2010

1248963585_interrogacao1 Um dos posts mais comentados, e mais mencionados nos emails que recebo, é justamente o post que ensina como instalar um favicon no blog.

Se você não sabe o que é favicon eu  explico: é o ícone que aparece na barra de endereço do seu navegador quando você acessa alguns sites ou blogs. Ele torna seu blog mais personalizado, e mais facilmente reconhecido. Também "marca" muito mais quando alguém adiciona seu blog aos Favoritos. Adicione o meu e você entenderá!

No caso do meu Um pouco de mim é uma pequena orquídea. Mas pode ser qualquer imagem que combine com seu blog, com cerca de 16x16px e é aí que a coisa complica.
Mas vou tentar ser mais clara neste post e também vou falar sobre como criar selos para seu blog.
Vamos no passo-a-passo?
Primeiro o favicon:
Para continuar lendo acione o botão


Agora: Como fazer um selo para meu blog?
Sabe aquele site onde você redimensionou a sua imagem, o Picnik? É lá que nós vamos construir um selo lindo!
Para começar escolha uma imagem que free, ou seja, que não possua direitos autorais. Há muitos bancos de imagens: Bing, Google imagens, e este site aqui, que possui um banco com centenas de milhares de imagens lindas.

Escolhida a imagem ela deve ser salva em uma pasta tipo Minhas imagens em seu pc. Agora acesse o Picnik e clique em Fazer upload. Escolha a imagem que deseja trabalhar e clique para abrir. Espere carregar. Vai aparecer uma página com a sua imagem e as opções que o site oferece: Auto-correção, Girar, Cortar, etc. Para inserir texto clique em Criar.

Agora a diversão é garantida! Em Criar voce pode inserir texto com dezenas de tipos de fonte, pode emoldurar sua imagem, pode deixar a criatividade rolar solta!
Vá mexendo até se familiarizar. Dá para fazer banners para cabeçalho do blog, buttons para caixinha Link-Me, ícones para enfeitar seu blog e muito mais!

Todas as imagens que aparecem em meu blog passaram pelo Picnik, que aliás acaba de ser comprado pelo Google.

E aí? Gostou?
Faz seu favicon e me convida para ir ver?
O seu 1º selo pode ser pra mim?
Hein?
image

Alguém que escreve. Especialista em si mesma. Leitora que lê muito menos do que gostaria. Blogueira por paixão e profissão. Propriedade da Princesa e da Menininha, e de um cachorrinho muito levado chamado Bloguinho. Tentando viver. Sempre.

57 comentários , comente também!

  1. Meninaaaaaa preciso confessar que tenho uma "inveja" danada de vc ser assim tão expert nisso tudo, caramba, cada dica bacana que vc dá, sempre quis saber como se faz um selinho... obaaaa agora eu já sei! Assim que eu tiver um tempinho irei fazer o meu...obrigadinha por mais essa dica!
    Beijocas!
    She

    ResponderExcluir
  2. OI AMIGA SO PASSEI P TE AVISAR DA MINHA PROMOÇAO,VAI L PARTCIPAR

    ResponderExcluir
  3. Voltarei amanhã á tarde para seguir certinho a maneira de fazer, pois agora está um fuio danado e não estou conseguindo ficar na net.

    Dica mais que legal.

    Ainda não fiz nem a assinatura.

    Amo seu blog.

    beijooo.

    ResponderExcluir
  4. Elaine, tenho pouco tempo para o blog e acabo usando o que disponho para o conteúdo , a cara do blog fica pra depois. Estou há séculos para bolar o favicon e li alguns tutoriais sobre o assunto. O seu está de longe o melhor. Grata

    Vanessa

    ResponderExcluir
  5. Eu ameeei!
    Tava doida pra fazer isso, mas não sabia nem que se chamava Favicon...adorei mesmo!
    Valeu!
    Beijos!

    ResponderExcluir
  6. Aaah, tentei colocar um pronto, mas não consegui..quando vou abrir o blog, entra no site Evelyn's Place automaticamente..¬¬

    ResponderExcluir
  7. Elaine do céu

    E lá vamos nós. É chique demais ter todas essas dicas de uma "expert" e que ainda ensina de um jeitinho que só.
    Vamos lá...
    Ainda não consegui tirar a caixinha da assinatura, rsrs, tentei de tudo, mas acho que a coisa é comigo mesma. kkk

    Obrigada por mais essa.

    Bjs no coração!

    Nilce

    ResponderExcluir
  8. Nossa eu sou tão mirim no que diz respeit a dar uma personalizada no blog... obrigado pela dica...

    Quem sabe nas minhas férias vou fuçar mais e aprender novas coisa e talvez até trocar o meu templete.

    Valeu heim!

    ResponderExcluir
  9. Elaine,

    Que legal essa dica. Assim que estiver inspirada farei o teste do favicon e do selo, e pode deixar, dedicarei primeiramente a você, com um enorme prazer. Já adotei a dica da assinatura, o pior é que coloquei no lugar errado e não sei como arrumar... Queria deixar no final do post e acabei configurando para aparecer como postado por, mas tudo bem, um dia resolve. Já que você é a "mulher" que sabe tudo, uma coisa que seria legal são umas dicas para fazer espaços separados por categoria, como os seus lá em cima - início, contato, mais de mim e mais do blog - essas coisas.
    Beijos e obrigado!

    ResponderExcluir
  10. Elaine,
    Adorei! =)
    Vou fazer o meu amanhã e já uso desde que você mencionou aqui o Picnik, e estou gostando muito.
    Beijos Tempestuosos!

    ResponderExcluir
  11. Nunca consegui fazer um selo, entrei em vários sites com explicações mas sempre foi muito complicado, e lendo seu post foi tão fácil, sem complicação nenhuma.

    Valeu a dica.

    *Elaine, e o seu sobrinho melhorou? Pedi muito a Deus por ele viu, enquanto pedia proteção aos meus pequenos.

    Bjs!

    ResponderExcluir
  12. Nunca consegui fazer um selo, entrei em vários sites com explicações mas sempre foi muito complicado, e lendo seu post foi tão fácil, sem complicação nenhuma.

    Valeu a dica.

    *Elaine, e o seu sobrinho melhorou? Pedi muito a Deus por ele viu, enquanto pedia proteção aos meus pequenos.

    Bjs!

    ResponderExcluir
  13. Elaine, diz aí que não consegui fazer ese selo, acho que não tenho paciência. Valha me tudooooo!!! heheheh no entanto a minha assinatura ficou linda! Rs.

    Beijim

    ResponderExcluir
  14. Muiiiiiiiiiiito legais tuaas dicas e smpre fico me coçando pra experimentar...Adorei teu comentário do fusquinha,SRRRS...É muito azar,né?beijos,chica

    ResponderExcluir
  15. ola querida amiga também fecharam meu blog já tratei com a google mas ate agora só reactivaram a minha conta e disseram que bloquearam o blog e que breve iriam analisar e depois poderia recuperar talvez relataram abuso!! nossa mas que abuso não tem nada de mais estou em baixo sumiu uma parte de mim da minha vida estou desesperada se tivesse feito algo errado eu ate entendia mas Deus é meu guia e tenho fé que vou reaver o meu blog a minha vida toda os meus amigos nossa não consigo desculpa depois podes liminar eu voltarei prometo adoro-te continua assim és uma excelente pessoa aqui com vocês aprendi a crescer aprendi a deixar para traz um pouco da minha timidez e tentei ser mais positiva tudo parecia correr bem e de um dia para o outro eu não existia mais o que vale é que eu tinha alma transparente dois e agora escrevi mas não sou capaz desculpa minha linda te desejo muita sorte na tua vida foi bom estar aqui Deus saberá me dar o meu devido valor beijos ate breve espero eu

    ResponderExcluir
  16. Elaine tenho aprendido muito aqui e aguarde q em breve vou fazer um selo para vc sim.Amiga te convido a conheçer um dos meus blogs o http://simplesmenteandando.blogspot.com/search/label/blogs e leia o post de hoje.Bjão.

    ResponderExcluir
  17. Elaine,

    Vim te convidar para a Blogagem do Vidas Linha, estou homenageado a Ester que se tornou a 70ª seguidora do Vidas Linha e tb a 75ª seguidora do Ideias de Milene - muita coincidência né?
    Será q dessa vez vc vai participar?
    Dê uma passada lá no Vidas:
    http://vidaslinha.blogspot.com

    Olha! Adorei as dicas do Selo!!!

    bjão

    ResponderExcluir
  18. que bom que vc atendeu meu chamado,sabe o qto vcs me sao importantes,e principalmente nessa hora nunca imaginei ter meus 100 seguidores,adorei beijos e boa sorte

    ResponderExcluir
  19. Nossa! Adorei o tutorial!!!

    Já fiz o meu Favicon! Dá uma olhada lá!

    http://nemtudoeumabigorna.blogspot.com/

    bjuus, muito útil seu texto!

    ResponderExcluir
  20. Elaine,
    " a assinatura" ficou linda mesmo gostei muito, super charmoso ;) !!

    Beijo de luz, fica com Deus !

    Att.: Day.

    ResponderExcluir
  21. Lane, tem selinho pra vc lá no Clube da fadinha!hehehe...
    Bjs

    ResponderExcluir
  22. Eu preciso de aula particular. Não leio os termos de computação, sou analfabeta.
    Mas valeu!
    Vou pedir para os meus sobrinhos me explicarem
    com carinho Monica

    ResponderExcluir
  23. elaine ...
    nossa que bom que vc tornou a tocar nesse assunto..
    perdi os sites quando reformatei meu pc, agora já posso voltar a fazer coisinhas deliciosas com selinhos..
    obrigada linda, vc é uma bruxinha do bem, adivinha o que precisamos.
    bjuivos no coração.

    ResponderExcluir
  24. Elaine ,
    adorei . Fiz e deu certo .
    beijo no coração .
    Valeu mesmo .
    Francisco

    ResponderExcluir
  25. Eitchaaaa....agora que eu sei o que é favicon... (ai que vergonha, cara vermelhaaaaa), achei um mimo aquela florzinha lá..mas não sabia como se chamava, agora eu sei. Tu sabe que eu ia te perguntar como se criava um selo, até pq daqui a dois meses meu bloguinho estará fazendo 1 aninho, e quero criar um selo, claro, além de uma promoçãozinha que vai rolar. Aguardemmmm...

    Bjos no ♥

    ResponderExcluir
  26. Aeeeeeeeeeeeeeeeee!
    Eu fiz e deu certo! ebaaaaaaa!
    Brigadão Elaine!
    Beijos Tempestuosos!

    ResponderExcluir
  27. Como eu sou mega curiosa e enxerida, fui lá testar o favicon nos outros navegadores. Chrome e Opera, ok. Já no meu IE 8 não apareceu, sei lá porque.

    Bjos

    ResponderExcluir
  28. @Nathália (Ná)
    Querida, sim, melhorou. Te mandei um email, tá?

    ResponderExcluir
  29. @Cíntia MaraCíntia,
    Para funcionar no IE precisa converter a imagem .png para .ico:



    Para converter este site faz o serviço:http://iconverticons.com/

    ResponderExcluir
  30. Olá Elaine,
    Coloquei o ícone,ao lado do nome do blog, mas não apareceu junto aos títulos dos posts, como fazer?
    Bjs de sua aluna amadora!!!

    ResponderExcluir
  31. Oi Elaine, este é o meu blog preferido. resolvi fazer um blog só com a cara e a coragem, comecei do zero. Pesquisava no google, até achar este tesouro que é seu blog. Já aprendi bastante, mas sei que ainda tem muito mais. Me surpreeendi, com pessoas especiais, que gostam de partilhar o que sabem. Obrigada você é uma benção, não é a toa que seu blog tem todos estes seguidores.Acabou de ganhar mais uma. Um beijão.

    ResponderExcluir
  32. Oi Elaine,
    puxa, fazia tempo que não visitava seu blog! E que surpresa boa encontrar tantas dicas para blog! Acredite, segui suas instruções e pela primeira vez consegui fazer um bannerzinho para o meu pobre blog! Até o Favicon consegui fazer, mas como o blog é UOL não consegui usar... Mas vou procurar outras fontes específicas para o UOL e quando conseguir, te aviso! Adorei suas dicas... Se quiser ver o banner é só passar: http://carla.ro.blog.uol.com.br
    BJ, obrigada pelas preciosas dicas e boa semana!

    ResponderExcluir
  33. Elaine passa la no Sapato do Gato pra vc pegar o SEU selinho.
    Ai fiquei tão feliz com o meu bebe!

    ResponderExcluir
  34. Excelente dica. Segui os passos indicados e deu tudo certo. Parabéns.

    ResponderExcluir
  35. Oi Elaine tudo bem? Conheci seu blog a poucos dias e estou adorando, passei por aqui apenas para te agradecer pelo post "como fazer selos e colocar favicon. O selo ainda não consegui fazer mas o favicon peguei um modelinho pronto assim com você indicou no Evelyn's Place. Achei que ficou bem a carinha do blog. Mais uma vez obrigado.

    Grande bj da Fabí do Blog Nosso Cantinho

    ResponderExcluir
  36. Oi Elaine, acabei de fazer meu primeiro favicon, depois dê uma olhadinha! Obrigada pela grande dica, tenho feito muitas coisas que vc tem ensinado! Obrigada!

    ResponderExcluir
  37. Gente,
    eu devo ter algum problema, num é possível, eu não consigo redimensionar a imagem, tem um, numero 1 que não sai do quadrado, e se eu coloco o seis depois para ficar 16, o outro quadrado que tb tem q ser 16 muda automaticamente e não consigo arrumar, e vira uma confusão...ajuda.. rs
    temho aprendido tantaaaaaaaa coisa boa aquiiiii.
    Obrigada Elaine.

    Asinatura eu fiz, ficou uma beleza

    ResponderExcluir
  38. Oi Gente,
    fiz o Selo, ficou lindo,
    mas o simbolo aparece que meu formato é inadquado, não compreendi se é a imagem ou alguma configuração do PC, fiquei na vontade rs

    ResponderExcluir
  39. Então como sou brasileira cigana e brasileira e num desisto nunca, eu conseguiiiiii!
    fiz com uma patinha que representa o amor que meus amores e eu sentimos por eles..
    vail lá pra túver.

    obrigada Elaine.
    beijopratú

    ResponderExcluir
  40. Elaine, mudei meu favicon, vai lá ver, vai...
    ainda num é o que eu quero, mas eu vou chegar lá rs

    umbeijopratú

    ResponderExcluir
  41. Obrigada pelas dicas fáceis de seguir para blogueiros iniciantes como eu,rsrsr

    ResponderExcluir
  42. Oi td bem?
    Adorei as dicas de como fazer um selinho, eu já tenho blog há algum tempo, porém nunca fiz mais do que postar meus trabalhos e comentários. Agora estou querendo aprender a customizá-lo. Seguindo o seu ensinamento fiz um selinho com uma foto retirada do seu link só pra testar e ficou muito legal.
    Vou fazer um sobre meu blog e mando pra vc depois. Espero sua visita no meu cantinho.
    Obrigada e até mais.

    ResponderExcluir
  43. Este comentário foi removido pelo autor.

    ResponderExcluir
  44. Olha so...so um pequeno detalhe, você comentou que tem uma orquídea, mas o que esta aparecendo é um coracao!
    Comento caso você queira mudar ai no post!
    Bjs.

    ResponderExcluir
  45. oiiiiiiiiiiimenina to viciada aqui neste blog..Confesso qe fiz o backup do meu blog consegui entender direitinho mas aconteceu algo chato qdo tentei colocar o favcon mas nao consegui,agora sumiu os meus comenatrios que ficava a direita do meu blog e sumiu a minha lista de seguidoras buaaaaaaaaaaaaa..nao sei o que faco,se tiver algumaideia ficarei muito grata pela sua dica..beijinhos

    ResponderExcluir
  46. Oiii Elaine, há muito estou tentando colocar o favicon, acabei de conseguir, mas não foi pela sua dica. Pesquisando consegui num site muiiito mais fácil, pois o desenho já esta pronto e é só escolher, tem milhares.
    Dá uma passadinha lá pra ver como ficou.
    jpmulheresnainformatica.blogspot.com
    Super beijo

    Ps. Se você quiser te passo o endereço desse site.

    ResponderExcluir
  47. Oiii Elaine, esqueci de comentar.
    Estou tentando colocar o botão
    "leia mais", mas não estou conseguindo, mas vou continuar tentando.
    Super beijo

    ResponderExcluir
  48. Oi, eu adorei estou iniciando no blog e estou feliz por já ter onde tirar minhas dúvidas. Obrigaduuuuuu. bjs da sol.
    Agora vou tentar fazer o meu e depois o próximo é seu rsrsrs.

    ResponderExcluir
  49. Até que enfim, até que enfim...
    Ufa!!! Nem me pergunte o que eu estava fazendo de errado, pois já vinha tentando através de outros tutoriais antes de conhecer o seu blog, então devia ter alguns códigos lá que não estavam pemitindo que desse certo, aí, uma inspiração divina me fez vir aqui hoje, outra inspiração me fez apagar algo lá e aí inseri e segui pap tudinho que vc ensinou e pronto!!!! tenho uma linda Gérbera como favicon em meu blog
    Vc é uma abençoada!!!
    Beijinhos e uma linda semana
    Com carinho

    ResponderExcluir
  50. oLÁ, QUERIDA ADOREI SEU bLOG E A EXPLICAÇÃO TB, NÃO SEI SE SOU MTO LENTA...RS MAS NÃO CONSEGUI ACHAR ESSE TRECHO ]]> NO MEU BLOG, SEGUI TDS OS PASSOS. sERÁ QUE TDS OS SÃO IGUAIS? FIZ UM FAVICON TÃO FOFO :( SERÁ QUE VC PODE ME AJUDAR? bjos massoterapiaassis.blogspot.com

    ResponderExcluir
  51. Já fiz meu selinho amiga, não sese deu certo....Mas está lá esperando vc diga o que achou. bjos


    http://massoterapiaassis.blogspot.com/p/selinhos.html

    vai lá buscar estou esperando seu comentário.

    ResponderExcluir
  52. Olá, bom dia. Eu fiz todos os passos, mas não sei selo parece que ficou muito grande e não consigo diminuir. Também, ainda, não consegui colocar selo de outros blogs no meu. Um grande abraço e muito grata. Ah, vc falou para te mandar o selo, mas eu não sei como fazer...só copiei o endereço que aparece abaixo dele. desculpe, sou leiga...e estou adorando aprender. bjão...

    iii..tentei mandar o endreço mas não foi...ehhehe...um dia eu chego lá...

    ResponderExcluir
  53. OLÁ, TUDO BEM? APRENDI BASTANTE COM SEU BLOG, VOU VER SE CONSIGO APLICAR SUAS IDEIAS AO MEU BLOG. OBRIGADO PELAS DICAS. QUANDO VOCÊ QUISER, VISITA MEU BLOG. O ENDEREÇO É raylanderf.blogspot.com.br

    ResponderExcluir
  54. Nossa muito obrigada pelo tutorial, me ajudou bastante ><. Se quiser conferir como ficou: semprecomcharme.com

    ResponderExcluir
  55. https://poucodetudojp.blogspot.jp/
    Fiz! Dá uma olhadinha..bjs!

    ResponderExcluir

Olá! Muito obrigada por ler meu blog e obrigada também por se dispor a comentar meus posts. Seja muito bem-vindo(a)!

Importante!
Devido à falta de tempo hábil eu não me comprometo a responder perguntas referentes aos tutoriais postados neste blog.
Pedidos de ajuda individual serão respondidos conforme o meu tempo e disponibilidade permitirem.
Por favor, entenda: comentários sem relação alguma com o post não serão liberados e nem respondidos.

Para saber mais sobre a melhor forma de utilizar este blog leia Termos de uso do blog.



Muito obrigada, fique à vontade para interagir.
Mas lembre-se:
Gentileza, educação e boas maneiras servem também para a vida nos blogs…