assinar: Posts | Comentários | Email
Pesquisar no site
Como fazer um Favicon
Postado por em 17/mar/2010 na categoria Criar um Blog
Continuando a série de Como criar um blog aqui no Info-Macross, hoje trago mais um complemento para o post sobre templates: como criar um Favicon. Favicon é o Ãcone que aparece nas abas do navegador quando estamos com um site/blog aberto. Ele ajuda a encontrar mais facilmente o blog quando há muitas abas abertas, e também é o Ãcone que aparece nos favoritos, quando você favorita um blog, mas além disso ele faz com que a identidade do blog seja lembrada mais facilmente.
Como criar um  Favicon
Para criar um Favicon para seu blog é preciso ter a imagem pronta em um tamanho que seja preferencialmente quadrado, mas não é obrigatório, pode ser o próprio logo do seu blog, como aqui no Info-Macross, ou qualquer outra imagem que faça os leitores lembrarem de seu blog. A imagem pode ser em qualquer formato: gif , jpg, png, etc.
Depois de ter a imagem pronta, entre no site Favicon from Pics e clique  na opção Escolher Arquivo, procure a imagem e depois clique em Gererate Favicon.ico. Ele vai fazer um preview do Ãcone criado, conforme a imagem abaixo:
Se clicar na opção Customize, poderá fazer algumas alterações como alterar a cor de fundo, inclusive para transparente, converter para cinza, fazer Ãcone animado, e muitas outras opções. Depois disso clique em Download Favicon Package e salve o arquivo em seu computador.
Como instalar
Depois de baixar o Ãcone para sua máquina, é preciso fazer o upload para seu host, e colocar no seu template que é para seu blog utilizar o favicon.
Para isso eu utilizo nos meus blogs a inclusão  da seguinte linha no arquivo header.php dentro das tags <head></head>:
<link rel=”shortcut icon” href=”<?php bloginfo(‘template_url’); ?>/images/favicon.ico” />
O que está em vermelho é o lugar onde você deve colocar seu favicon.ico, dentro da pasta do seu template.
Depois de fazer o upload do arquivo header.php na pasta do seu template do Wordpress, seu Favicon já estará aparecendo na aba do navegador.
Acho importante a criação e utilização de um favicon em blogs para marcar mais ainda a presença e identidade de cada blog para os leitores, além de passar uma impressão de que ele é muito mais profissional.
Um abraço e até a próxima!
Para ler os outros artigos dessa série, entre na página de Como Criar um Blog.
Acompanhe o Blog!
Trackbacks/Pingbacks
- TOP 5 Parceiros – março 2010 | dsxbrasil magazine - [...] último artigo: Como fazer um Favicon [...]
Acompanhe o Blog
Olá Sandra, Mais um excelente artigo!!!
Eu pessoalmente uso o para gerar os meus Favicons. Mas esse é igualmente bom.
Abraços
Último post de Jorge Lima blog 200 icons em Alta Resolução
@Jorge Lima: Olá Jorge!
Qual que você usa? Não saiu….
Um abraço!
Desculpa Sandra. Escrevi mal.
favicon.cc
Último post de Jorge Lima blog 200 icons em Alta Resolução
@Jorge Lima: Ahhh!
Agora sim!!!
Muito obrigada!!
Um abraço!
Olá Sandra mais um artigo de grande importância para um blog. Eu tinha criado um para meu blog, mais depois ele sumiu não sei por que.Mais deixa com a criação do meu novo layout ele já será instalado pelo criaor do template.
Último post de concentrado blog 5 dicas simples e eficientes para aumentar os comentários em seu blog
@concentrado: Olá!
Mandar fazer um template é bom por isso: vem com tudo pronto e não precisamos nos estressar fazendo as coisas!
Um abraço!
Olá Sandra,
Realmente o favicon ajuda muito na criação da identidade do blog. Quando descobri um artigo para fazer um para o blogger, apesar de não ser muito criativo para coisas relacionadas a desenhos, me aprontei e criei um. Acho que ficou muito legal (tanto o seu, quanto o meu
).
Grande abraço.
Último post de Iúri blog Empatia – Use-a e Seja Feliz!
@Iúri: Olá Iúri!
É importante sim!
Ficou super legal seu favicon, bem parecido com o meu, também não tenho habilidades para desenhos !rs…
Um abraço!
Sandra,
mais um ótimo artigo da série, simples e fácil de entender,
um abraço.
Último post de Gustavo Freitas blog Como enviar artigos para o Twitter pelo FeedBurner
@Gustavo Freitas: Olá Gustavo!
Que bom que gostou!
Um abraço!
Humm, é bem fácil de implementar. Vou fazer no meu blog.
Último post de Renato blog Concurso da Prefeitura de Nazária – PI oferece 63 vagas para professor
@Renato: Sim!
É muito simples! Vale a pena!
Um abraço!
Facilita na hora do leitor encontrar seu blog nos favoritos
Último post de Eletronica Circuitos blog Download livro 50 – 555 Circuits by Talkingelectronics
Olá Sandra!
Não consegui adicionar o favicon no blogspot.Após:
]]>
adicionei:
Preciso de um host que hospede formatos ico,mas não funcionou