Como colocar ícone representando seu blog no navegador : Favicon!

domingo, abril 21, 2013




Olá guris e gurias como estão? Espero que bem... Hoje trago mais um pedido de tutorial, dessa vez a leitora que fez o pedido é a “Laryssa Lacerda” do blogger “The Melody Inside” confiram o comentário dela:





Como podem ver ela fez o pedido de um tutorial explicando como colocar aquele ícone que fica no navegador ou na aba do navegador ...O ícone que ela se refere se chama “Favicon” e vocês perceberão como é simples colocar essa imagem ali.


Para ler a postagem completa click em "MAIS INFORMAÇÕES"



LET’S GO!!!


Primeiramente vou ensinar a vocês como fazer um favicon...porque existem vários favicons pela NET mas as vezes procuramos e procuramos e não encontramos o que queremos ou até encontramos mas se queremos algo “exclusivo” do nosso blogger temos a possibilidade de criar nosso próprio Favicon e é super fácil...Então se o seu caso é esse de querer algo exclusivo do seu blogger sua “Marca” na Web vou ensinar como fazer de maneira simples e fácil um favicon.


1º) Vá para o site Favigen ao entrar na página do site vocês encontrarão uma página semelhante a esta da imagem abaixo:






2º) Em seguida click em “Escolher Arquivo” como na imagem abaixo e procure em seu computador uma imagem salva que você deseja que seja o seu ícone favicon em seguida click em “Create Favicon!” (lembre-se de deixar no formato 16x16 que é o aceito pela plataforma blogger) :




3º) Após escolher uma imagem e clicar no “Create Favicon!” em seguida vocês observarão que aparecerá já a sua imagem pronta em baixo das etapas passadas, confira o exemplo abaixo:





4º) Em seguida click em “Download Your Favicon” e o favicon será salvo em seu computador.






COLOCANDO O FAVICON NO BLOGGER


1º) Vá para o painel do seu blogger e clique na opção Layout como podem ver na imagem abaixo:





2º) Quando abrir sua página destinada ao Layout mostrando a organização do seu blogger você encontrará o cabeçalho do seu blogger e em seguida encontrará a opção “Favicon” como podem conferir no exemplo da imagem abaixo:





3º) Onde está escrito “Favicon” basta você clicar em “Editar” como podem ver na imagem exemplificada abaixo:





4º) Em seguida abrirá uma janela para que você possa selecionar uma imagem de seu computador para ser o seu favicon, então click em “Escolher Arquivo” e logo em seguida procure a imagem que você fez no site em seu computador.





5º) Feito isso click em “Salvar” observe logo abaixo da imagem escolhida: 





OBS: O Favicon que você acabou de colocar no seu blogger não aparecerá no navegador na mesma hora, irá demorar um período de até 72 horas para aparecer, então é só esperar!




Viram como é fácil? Agora é só curtir!!! Espero que todos tenham gostado da dica e que tenha sido útil , me falem o que acharam do tutorial...Se quiserem fazer um pedido de tutorial basta clicar AQUI ou fazer por meio de comentário mesmo.   
Beijocas galera!

  








You Might Also Like

68 comentários

  1. É moleza né? So que eu fiz pelo Photoshop mesmo!

    Bjs

    -> Que tal dedicar um pouco para se preparar para o futuro e os estudos? Acesse: www.estudajovem.com.br - Estuda Jovem!

    ResponderExcluir
    Respostas
    1. É !!! Para quem sabe mexer bem com photoshop e arrumar tamanhos de imagens é realmente simples...Mas optei por dar logo o site porque fica mais prático para quem não tem ou não sabe mexer no programa!!!

      Obrigada por comentar querido :3

      Beijocas e volte sempre!

      Excluir
  2. Adorei o tutorial, é bem simples para colocar o favicon né?! :)

    Beijos
    http://magicmih.blogspot.com.br/

    ResponderExcluir
    Respostas
    1. Verdade super simples...infelizmente ainda existem pessoas com dúvidas...coisas comuns de quem começou agora mais é muito simples e fico feliz de ajudar essas pessoas
      *-*

      Obrigada pelo comentário guria *-*

      Volte sempre ... Beijocas!!!

      Excluir
  3. O meu Favicon foi retirado do Google Imagens. Foi bem difícil arranjar um, visto que é necessário que seja uma imagem quadrada!

    Bem, acho que também tenho um pedido a fazer. Como é que fazes para que o rato no teu blog fique com aquele balãozinho de fala com o coração no meio?

    Beijinhos!
    Ass: Mistery

    ResponderExcluir
    Respostas
    1. Verdade por isso eu dei logo o site para as pessoas colocarem a imagem lá ja da o tamanho certinho e facilita para quem não sabe mexer com editores de imagem!

      Obrigada por postar um comentário *--* já irei anotar seu pedido de tutorial...Na sexta que vem colocarei aqui :3

      Beijocas e volte sempre!

      Excluir
  4. adorei o tutorial gata, tava pensando em mudar o meu..
    bju

    http://aieuvivantagem.blogspot.com.br/

    ResponderExcluir
    Respostas
    1. Que bom que gostou guria *--* fico muito feliz!

      Muda é sempre bom da uma repaginada nas coisas... To até pensando em mudar meu blog hahahaha sou meio camaleão com minhas coisas gosto de sempre mudar :3 só falta tempo kkkkk

      Obrigada por comentar *--*

      Beijocas e volte sempre!

      Excluir
  5. òtimo tutorial
    è algo muito simples de se fazer,mas muitos iniciantes se confundem ou demoram aprender como se faz.
    MUito útil
    beijos~~
    www.garotaousada.com

    ResponderExcluir
    Respostas
    1. Verdade!!!

      Obrigada por comentar querida *--* Beijocas e volte sempre que puder !

      Excluir
  6. Ahhh muito obrigada!! Devo ser meio cega pra não ter visto bem ali no cantinho antes :P AHAHHA Beijo!

    www.themelodyinside.com

    ResponderExcluir
    Respostas
    1. Ahh que nada guria você apenas não viu...E também que muita gente não sabe que o nome disso é Favicon hahahahah relaxa *--*

      Obrigada por comentar e volte sempre :3

      Beijocas fofa!

      Excluir
  7. Muito boa essa dica!
    Beijo querida
    http://byschmith.blogspot.pt/

    ResponderExcluir
    Respostas
    1. Obrigada flor , fico feliz que tenha gostado *--*

      Beijos e volte sempre!

      Excluir
  8. O blog fica ainda mais com a nossa cara rs
    Amei *-*
    bjãooo

    ResponderExcluir
    Respostas
    1. Verdade da um certo UP uma "marca" hahahahaha

      Obrigada pelo comentário guria *--*

      Beijocas e volte sempre !

      Excluir
  9. o meu eu quem o crioU! *-*
    @esteffanifontes, do blog Aos Dezesseis Anos
    Gostei muito do post! rs Boa tarde anjinho s2

    ResponderExcluir
    Respostas
    1. Que legal querida *--* obrigada por sua visita ao meu blogger

      Volte sempre que puder :3

      Beijocas!!!

      Excluir
  10. há, tava louca procurando esse tutorial, obg guria*-*
    garotaemochat.blogspot.com

    ResponderExcluir
  11. Por nada guria ^^ quando tiver mais alguma duvida pode pedir tutorial ou da uma olhada na sessão GOOGIES tem vários tutoriais lá ^^

    Beijocas e volte sempre!!!

    ResponderExcluir
  12. Adoreii ! Muito fácil ! (:

    www.jeansemakeup.com

    ResponderExcluir
    Respostas
    1. Que bom que gostou guria ^^ fico muito feliz em poder ajudar :3

      Beijocas e volte sempre!

      Excluir
  13. ola! Bom sera que você poderia me dizer onde vc achou o cursor do seu blog??? Obrigada!

    ResponderExcluir
    Respostas
    1. Eu que fiz :) Obrigada por sua visita >.<

      Beijocas e volte sempre!

      Excluir
  14. Meu Deus, já procurei em tantos tutorias mais nenhum explicam como voce! Muito obrigado Guria, tu me ajudou muito mesmo! Nossa nunca cheguei a pensar que fostes tão fácil...

    ResponderExcluir
    Respostas
    1. Que maravilha guria >.<

      Fico realmente feliz que tenha conseguido...

      Beijocas e volte sempre :)

      Excluir
  15. Respostas
    1. Fico feliz que tenha sido útil *-*

      Obrigada por sua visita...Beijocas e volte sempre!

      Excluir
  16. eu já vi varios tutoriais mas eles mostravam como fazer de uma forma bem dificil mas aqui é facil obrigado

    ResponderExcluir
    Respostas
    1. *-* Por nada é sempre um prazer ajudar, fico muito feliz que tenha gostado.

      Beijocas e volte sempre!

      Excluir
  17. Adorei! Como sempre arrasou!
    Nem preciso dizer que já fiz lá no meu né? rsrsrs

    Parabéns pelo seu talento, e pela iniciativa em ajudar as blogueiras que não sabem como deixar o blog mais com a nossa cara, é uma força e tanto!
    Valeu.

    http://detudoumpouco28.blogspot.com.br

    ResponderExcluir
    Respostas
    1. É sempre bom poder ajudar *--* Fico feliz que tenha gostado querida.


      Beijocas e volte sempre!

      Excluir
  18. muito obrigada,consegui.. muito fácil!

    http://hicsfilmeseseries.blogspot.com.br/

    ResponderExcluir
    Respostas
    1. Que bom que gostou ^^ fico realmente feliz \õ/ é um prazer ajudar

      Obrigada por sua visita...Beijocas e volte sempre!

      Excluir
  19. Obg por ensinar!Amei!Eu gostaria de que você ensinasse como colocar esse gliter no mouse que nem o do seu.Ensina?

    ResponderExcluir
    Respostas
    1. Oi Leticia, desculpa pela demora em te responder, o blog estava em hiatus mas retornou agora. Fico feliz que tenha gostado da postagem. Sobre sua dúvida, eu fiz um tutorial explicando como fazer esse efeito :

      http://sorriso-jovem.blogspot.com.br/2013/03/colocando-efeito-brilhinho-no-cursor-do.html

      Espero ter te ajudado *-* que você possa me visitar mais vezes :3

      Excluir
  20. Oi, me ajudou muito, mas tenho outra dúvida, como você colocou estas estrelinhas seguindo o mouse?

    ResponderExcluir
    Respostas
    1. Oi Isadora, obrigada por sua visita...Sinto muito pela demora em te responder, o blog passou por um período de hiatus e somente agora voltei com ele. Fico muito feliz que tenha apreciado o tutorial. Sobre a sua dúvida, eu fiz um tutorial sobre isso está aqui:

      http://sorriso-jovem.blogspot.com.br/2013/03/colocando-efeito-brilhinho-no-cursor-do.html

      Espero ter te ajudado. Que você possa vir mais vezes e deixar um comentário pra mim :3

      Excluir
  21. Valeu pela sua dica! Agora vou poder colocar o Favicon no meu blog!

    ResponderExcluir
    Respostas
    1. Olá Álvaro! Fico muito feliz de ter ajudado. Desculpe pela demora em te responder, o blog estava parado mas já está retornando. Espero te ver mais veze por aqui!

      Excluir
  22. Olá, gostei muito do teu blog, sou iniciante aq do blogspot, ainda preciso saber mt dessas coisas, hahahah' Ah, ensina como coloca esses negocinhos ---> "topo" com esse docinho
    *-*

    ResponderExcluir
    Respostas
    1. Olá Gabriela! Obrigada por comentar, fico feliz que tenha aproveitado o tutorial. Desculpe pela demora em te responder, o blog estava pausado mas já está retornando a ativa. Sobre o tutorial:

      http://sorriso-jovem.blogspot.com.br/2013/04/tutorial-colocando-botao-seta-para-cima.html

      Espero ter te ajudado. Obrigada por sua visita, espero te ver mais vezes por aqui :)

      Excluir
  23. Conseguie Vlw
    http://infoandroidgood.blogspot.com.br/

    ResponderExcluir
    Respostas
    1. Olá Afonso, desculpe pela demora em te responder, o blog deu uma pausa mas já está voltando. Espero te ver mais vezes por aqui, terei prazer em visitar o seu blog :)

      Excluir
  24. oi Hilda você pode censinar como por aquela imagem grande em cima do menu e com slide, por que eu vi uma vez e tinha slide

    ResponderExcluir
    Respostas
    1. Oi Laura, o blog virá com muitas novidades, estou vendo a questão de tutoriais. Desculpe pela demora em te responder, o blog deu uma longa pausa mas já está retornando. Espero te ver mais vezes por aqui :3

      Excluir
  25. Oiiie, adoreeei, vou recomendar no meu blog ^^
    Queria ajuda em algumas coisinhas pois sou nova por aqui rs'
    Se der me passe seu email ou algum meio de comunicação ;) Brigado bjss
    http://umaperfeitamaloqueira.blogspot.com.br/

    ResponderExcluir
    Respostas
    1. Oieh ^_^ obrigada por comentar, visitei seu blog e aparece como não encontrado :( espero que não tenha parado de postar, ou que retorne :) você pode me enviar uma mensagem através da página do blog :)

      https://www.facebook.com/Sorriso-Jovem-246187092185058/

      Espero te ver mais vezes por aqui :3

      Excluir
  26. Adorei ! U-U a sua informação de quer o Favicon só apareceria depois de 72 horas foi muito importante! Obrigada *-*

    ResponderExcluir
    Respostas
    1. Oi Daiane ^_^ obrigada por seu comentário! Fico feliz que a informação foi útil. Espero te ver mais por aqui :) Desculpe pela demora em responder o seu comentário, o blog deu uma longa pausa mas já está de volta! :3

      Excluir
  27. Ajudou muito! Obrigada! E parabéns pelo post, bem explicadinho! Beijo.

    (http://parasempreretalhos.blogspot.com.br/)

    ResponderExcluir
    Respostas
    1. Olá, desculpe pela demora em responder o seu comentário. Obrigada por comentar, fico muito feliz em poder ajudar :D irei visitar com prazer seu blog, espero te ver mais vezes por aqui. :)

      Excluir
  28. Ameei a dica soq o meu eu botei e continuou com o do blogger oq eu façoo? D:

    ResponderExcluir
    Respostas
    1. Olá Téeh! Desculpe pela demora em responder seu comentário, o blog estava pausado, mas já voltou. As vezes demora para o Favicon pegar. Espero que você tenha conseguido. Obrigada por sua visita, espero te ver mais vezes por aqui! :3

      Excluir
  29. ameii muito obrigada me ajudou muito!!

    http://tutosdoscapee.blogspot.com/

    ResponderExcluir
    Respostas
    1. Olá Isabelle, desculpe a demora em responder o seu comentário, o blog estava passando por uma temporada de hiatus mas agora está retornando a ativa. Fico muito feliz que tenha gostado e que tenha sido útil. Irei visitar o seu blog com toda certeza, obrigada por sua visita, espero te ver por aqui mais vezes. :3

      Excluir
  30. Respostas
    1. Olá Esther, obrigada por sua visita, desculpe pela demora em responder o seu comentário, o blog passou por uma looonga pausa. Fico feliz com a sua visita, que bom que pude lhe ser útil ^_^ és bem vinda, volte sempre que puder!

      Excluir
  31. Seu blog é lindo e muito legal! Bjs!

    ResponderExcluir
    Respostas
    1. Olá!!! Desculpe pela demora em responder você, o blog passou por uma temporada de hiatus, mas já está voltando a normalidade. Obrigada pelo carinho, espero te ver mais vezes por aqui :D

      Excluir
  32. Obrigada me ajudou muito e amei o site parabéns

    ResponderExcluir
    Respostas
    1. Olá Emmily, desculpe por ter demorado tanto para te responder, o blog passou por uma longa pausa mas daqui a pouco voltará a normalidade. Obrigada pelo carinho. És muito bem vinda, volte sempre que tiver um tempo. :3

      Excluir
  33. Acessem meu BLOGGER

    http://redegospeldeolho.blogspot.com.br/?m=1

    ResponderExcluir
    Respostas
    1. Olá "REDE GOSPEL DE OLHO", desculpe a demora em responder o seu comentário, o blog estava pausado, mas já já estará de novo ativo e atualizado. Visitarei seu site, mas colocando comentários no estilo SPAM não conseguirá chamar a atenção de um público. Sou cristã evangélica e não me senti atraída a visitar um site que só se preocupa em colocar comentário pedindo que acessem seu conteúdo. Espero te ver mais vezes por aqui, com um novo posicionamento :)

      Excluir
  34. Aaahh, é por isso que meu favicon não aparecia no momento em que eu apertava salvar! Eu fiquei com muita raiva do Blogger, rsrs.

    ResponderExcluir
    Respostas
    1. Olá Rebeca, desculpe pela demora em responder o seu comentário, o blog estava parado mas já já retornará ^-^ hihih fico feliz em poder ser útil :D volte sempre que puder :3

      Excluir
  35. Respostas
    1. Obrigada por sua visita, desculpe pela demora em te responder, o site estava em hiatus mas já esta voltando a ativa. Espero te ver mais vezes por aqui :D

      Excluir

~REGRAS PARA COMENTAR~

-Não desrespeite ninguém.
-Não xingue ou use palavras de baixo calão.
-Sempre que puder comente é uma forma de incentivar a trazer sempre novidades.

Related Posts Plugin for WordPress, Blogger...

Subscribe