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.
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!
66 comentários
É moleza né? So que eu fiz pelo Photoshop mesmo!
ResponderExcluirBjs
-> Que tal dedicar um pouco para se preparar para o futuro e os estudos? Acesse: www.estudajovem.com.br - Estuda Jovem!
É !!! 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!!!
ExcluirObrigada por comentar querido :3
Beijocas e volte sempre!
Adorei o tutorial, é bem simples para colocar o favicon né?! :)
ResponderExcluirBeijos
http://magicmih.blogspot.com.br/
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
Excluir*-*
Obrigada pelo comentário guria *-*
Volte sempre ... Beijocas!!!
O meu Favicon foi retirado do Google Imagens. Foi bem difícil arranjar um, visto que é necessário que seja uma imagem quadrada!
ResponderExcluirBem, 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
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!
ExcluirObrigada por postar um comentário *--* já irei anotar seu pedido de tutorial...Na sexta que vem colocarei aqui :3
Beijocas e volte sempre!
adorei o tutorial gata, tava pensando em mudar o meu..
ResponderExcluirbju
http://aieuvivantagem.blogspot.com.br/
Que bom que gostou guria *--* fico muito feliz!
ExcluirMuda é 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!
òtimo tutorial
ResponderExcluirè algo muito simples de se fazer,mas muitos iniciantes se confundem ou demoram aprender como se faz.
MUito útil
beijos~~
www.garotaousada.com
Verdade!!!
ExcluirObrigada por comentar querida *--* Beijocas e volte sempre que puder !
Ahhh muito obrigada!! Devo ser meio cega pra não ter visto bem ali no cantinho antes :P AHAHHA Beijo!
ResponderExcluirwww.themelodyinside.com
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 *--*
ExcluirObrigada por comentar e volte sempre :3
Beijocas fofa!
Muito boa essa dica!
ResponderExcluirBeijo querida
http://byschmith.blogspot.pt/
Obrigada flor , fico feliz que tenha gostado *--*
ExcluirBeijos e volte sempre!
O blog fica ainda mais com a nossa cara rs
ResponderExcluirAmei *-*
bjãooo
Verdade da um certo UP uma "marca" hahahahaha
ExcluirObrigada pelo comentário guria *--*
Beijocas e volte sempre !
o meu eu quem o crioU! *-*
ResponderExcluir@esteffanifontes, do blog Aos Dezesseis Anos
Gostei muito do post! rs Boa tarde anjinho s2
Que legal querida *--* obrigada por sua visita ao meu blogger
ExcluirVolte sempre que puder :3
Beijocas!!!
há, tava louca procurando esse tutorial, obg guria*-*
ResponderExcluirgarotaemochat.blogspot.com
Por nada guria ^^ quando tiver mais alguma duvida pode pedir tutorial ou da uma olhada na sessão GOOGIES tem vários tutoriais lá ^^
ResponderExcluirBeijocas e volte sempre!!!
Adoreii ! Muito fácil ! (:
ResponderExcluirwww.jeansemakeup.com
Que bom que gostou guria ^^ fico muito feliz em poder ajudar :3
ExcluirBeijocas e volte sempre!
ola! Bom sera que você poderia me dizer onde vc achou o cursor do seu blog??? Obrigada!
ResponderExcluirEu que fiz :) Obrigada por sua visita >.<
ExcluirBeijocas e volte sempre!
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...
ResponderExcluirQue maravilha guria >.<
ExcluirFico realmente feliz que tenha conseguido...
Beijocas e volte sempre :)
obrigado muito bom seu tutorial!
ResponderExcluirFico feliz que tenha sido útil *-*
ExcluirObrigada por sua visita...Beijocas e volte sempre!
eu já vi varios tutoriais mas eles mostravam como fazer de uma forma bem dificil mas aqui é facil obrigado
ResponderExcluir*-* Por nada é sempre um prazer ajudar, fico muito feliz que tenha gostado.
ExcluirBeijocas e volte sempre!
Adorei! Como sempre arrasou!
ResponderExcluirNem 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
É sempre bom poder ajudar *--* Fico feliz que tenha gostado querida.
ExcluirBeijocas e volte sempre!
Que bom que gostou ^^ fico realmente feliz \õ/ é um prazer ajudar
ResponderExcluirObrigada por sua visita...Beijocas e volte sempre!
Obg por ensinar!Amei!Eu gostaria de que você ensinasse como colocar esse gliter no mouse que nem o do seu.Ensina?
ResponderExcluirOi 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 :
Excluirhttp://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
Oi, me ajudou muito, mas tenho outra dúvida, como você colocou estas estrelinhas seguindo o mouse?
ResponderExcluirOi 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:
Excluirhttp://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
Valeu pela sua dica! Agora vou poder colocar o Favicon no meu blog!
ResponderExcluirOlá Á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!
ExcluirOlá, 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*-*
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:
Excluirhttp://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 :)
Conseguie Vlw
ResponderExcluirhttp://infoandroidgood.blogspot.com.br/
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 :)
Excluiroi 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
ResponderExcluirOi 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
ExcluirOiiie, adoreeei, vou recomendar no meu blog ^^
ResponderExcluirQueria 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/
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 :)
Excluirhttps://www.facebook.com/Sorriso-Jovem-246187092185058/
Espero te ver mais vezes por aqui :3
Adorei ! U-U a sua informação de quer o Favicon só apareceria depois de 72 horas foi muito importante! Obrigada *-*
ResponderExcluirOi 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
ExcluirAjudou muito! Obrigada! E parabéns pelo post, bem explicadinho! Beijo.
ResponderExcluir(http://parasempreretalhos.blogspot.com.br/)
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. :)
Excluirameii muito obrigada me ajudou muito!!
ResponderExcluirhttp://tutosdoscapee.blogspot.com/
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
ExcluirOláá, muito obrigada :3
ResponderExcluirOlá 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!
ExcluirSeu blog é lindo e muito legal! Bjs!
ResponderExcluirOlá!!! 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
ExcluirObrigada me ajudou muito e amei o site parabéns
ResponderExcluirOlá 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
ExcluirAcessem meu BLOGGER
ResponderExcluirhttp://redegospeldeolho.blogspot.com.br/?m=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 :)
ExcluirAaahh, é por isso que meu favicon não aparecia no momento em que eu apertava salvar! Eu fiquei com muita raiva do Blogger, rsrs.
ResponderExcluirOlá 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
ExcluirObrigado linda!
ResponderExcluirObrigada 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
ExcluirOlá 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
ResponderExcluir~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.