Recentemente o Webnode mudou muita coisa no painel de controle, facilitando um pouco a administração do site. Uma dessas mudanças foi a forma de adicionar o ícone do favicon ao website, que é o tema deste artigo.
Mas o que é o Favicon
Os favicons são pequenas imagens, também chamados de ícones, que ajudam a reforçar a marca do site na mente dos visitantes. Quando instalado nos sites, eles aparecem nos navegadores de internet ao lado do endereço dos sites, nas abas, nos favoritos e etc.
Como criar o Favicon
Você pode criar seu favicon utilizando um editor de imagens e salvá-la com o tamanho de 32×32 pixels no formato ico.
Mas caso os editores de imagens não seja o seu forte, você também pode utilizar serviços de criação de favicons que torna o processo bem mais simples. Um dos melhores desta categoria é o IconJ.
Para criar sua imagem, acesse o IconJ, clique em “Pic to Icon Converter” para carregar uma imagem que esteja em seu computador ou utilize o “Pixel Icon Generator” ou escolha um dos “Favicons animados“.
Se você escolher a opção Pic to Icon Converter, você deverá salvar a imagem em seu computador primeiro. Depois acesse a página inicial www.iconj.com e no campo “Free Favicon Hosting” carregue a imagem que criou anteriormente.
Em seguida copie o código que aparece em”Host at IconJ.com” que deverá ser colado em seu site no Webnode.
Dica
Você também pode utilizar um dos favicons animados, que você pode obter o código clicando em “HTML embeded code and details“.
Como adicionar o Favicon ao Webnode
Agora que você já preparou o Favicon, acesse o painel de controle do Webnode, clique na pequena setinha que aparece abaixo do botão “Modelo” e em seguida em “Configurações Avançadas“.
Na nova janela que aparece, adicione o código do Favicon e salve a alteração.
Pronto, feito isso seu favicon já estará instalado em seu site, mas lembre-se de que o navegador de Internet guarda informações sobre os sites navegados para agilizar o carregamento em visitas futuras.
Isso quer dizer que pode ser que você não veja as alterações na mesma hora, sendo necessário limpar o histórico do navegador ou então utilizar outro que ainda não tenha utilizado para acessar seu site.
Ainda não tem seu site no Webnode? Crie o seu agora mesmo. É grátis!
Gostou deste tutorial? Ainda tem dúvidas? Deixe um comentário.
Você também poderá gostar de...
WebNode – Construtor de Site Grátis e sem Propaganda
Como adicionar vídeos do Youtube em sites criados no Webnode
Como distribuir arquivos em sites feitos no Webnode
Ganhe um Cupom de 50% de Desconto na Compra de Plano Premium no Webnode
E-book como ganhar dinheiro com um Website no Webnode
Tutorial para criar um Blog no Webnode
Ganhe Dinheiro recomendando os serviços do Webnode
Consultoria Gratuita – Criar Blog – Crie Blog
Escrito por Celso Lemes
Celso Lemes é Blogueiro profissional. Vivo de blogs, blogo para viver, vivo blogando, blogando eu vou vivendo.
{ 27 comentários… leia abaixo ou deixe o seu }
Celso para adicionar o favicon agora você precisa ter o serviço premium.
Ariel,
Obrigado pela dica. Eu fiz um teste com minha conta que é premium.
De qualquer forma eu dei uma fuçada no Webnode e descobri como fazer para adicionar o favicon. Já atualizei o artigo.
Abraço!
Será que ainda dá pra adicionar do bom e velho método de javascript? Burlando o sistema do Webnode hehehehe
Mateus,
Ainda dá para adicionar o favicon sim. Eu atualizei o artigo.
Abraço!
Celso este método só está disponivel para usuarios Premium.
Abraço
Thiago,
Pois é, eu não sabia disso. De qualquer forma eu já atualizei o artigo com um método que funciona.
Abraço!
Mais um ótimo tutorial!
Legal, seria bom se vc postasse uns tutoriais do blogger, eles são muitos procurados hoje em dia!
Eu tenho um tutorial enssinando a adicionar no Blogspot
Ja vou adiconar meu favicom
Celso recomendo eque edite seu artigo com adicionar o favicon no Blogspot, pois mudou u jeito de muda. veja meu artigo
Ariel,
Obrigado pela dica, vou editar o artigo.
Abraço!
Pow bacana Celso, agente vê cada vez mais que o webnote, se apresenta como uma excelente ferramenta para negócios na internet… Vou começar a investir mais !
Valeu as dicas
Celso, tenho uma dúvida sobre o GTMetrix:
Meu site tinha 856kb de peso há alguns dias. Demorava cerca de 7 segundos para carregar. Minha “Page Speed Grade” era de 71% (C). Otimizei-o até que consegui chegar a incríveis 529Kb, porém o tempo de carregamento é ABSURDO: 9.69 segundos!! Como que o peso da página diminuiu sendo que o carregamento é mais lento do que antes da otimização??
Espero que saiba me responder.
Informações adicionais:
“Report generated: Mon, Oct 10, 2011, 7:21 PM -07 GMT
23:21 PM -03 GMT Horario de Brasilia
Test Server Region: Vancouver, Canada
Using: Firefox 3.6.16, Page Speed 1.10.2, YSlow 2.1.0″
Oi Mateus, sei que a pergunta foi direcionada ao Celso, mas vou lhe dizer uma coisa.
Onde mostra o “Peso” do blog, significa o “Peso total” dos arquivos encontrados na homepage.
O carregamento em si, pode variar dependendo de cada imagem, botão, plano de fundo e etc.
O seu blog pode ter 100Kbps e carregar em 20 segundos se você tiver uma imagem muito pesada ou o servidor que a hospeda estiver com lentidão.
Faça o seguinte, vá até a guia “TimeLine” e veja qual arquivo está ocasionando a lentidão no carregamento.
No meu site um dos mais pesados “Por incrível que pareça” É o botão Google+1 com 4 segundos de carregamento.
Mateus,
Complementando a resposta do Miller, além do peso dos arquivos, o tempo de carregamento sofre influência do servidor, por exemplo, se for um horário de pico e você utilizar uma hospedagem compartilhada, pode ser que os recursos do servidor estejam sendo disputados entre outros sites que estão no mesmo servidor, por isso seu site carrega um pouco mais lento.
Abraço!
No Blogger é bem mais fácil, umas 50 vezes mais fácil ou mais.
Ótimas dicas Celso;
Além do Webnode, as indicações também servem para outros blogs, eu mesmo não conhecia estes sites que você indicou.
E olha que tem muito blog utilizando o favicon padrão da plataforma de criação !
o favicon é muito bom deixa o site mais profissional, valeu pela dica Celso
OLÁ CELSO, OLÁ GALERA!
CARA TO COM UMA DUVIDA… POW QUERO TROCAR MEU TEMPLASTE DO DO MEU BLOG http://www.dicainformatica.com/
MAIS PERCEBI QUE ALGUNS JÁ VEM COM AQUELES MENUS CASCATAS OU SUBMENUS ” SÃO AQUELES QUE QUANDO A GENTE PASSA O MOUSE EM CIMA DE DELES DESCE AQUELAS OUTRAS OPÇÕES ETC” … E AGORA GOSTARIA DE EDITAR ELES E JÁ ATÉ ENCONTREI OS CÓDIGO NA PAGINA DO HTML MAIS TODAS TENTATIVAS FORAM ERRADAS… OLHA VOU DEIXA O TEMA APLICADO NA PAGINA E SE POR ACASO VC PODER ME AJUDAR FICAREI MUITO AGRADECIDO…. E DESDE JÁ FORTE ABRAÇO E BOM FERIADO PRA TODOS!
Ou cara por isso falo que é melhor voce usar o wordpress ele é bem mais facil que o blogspot, recomendo.
Se me pagar bem, conto como você deve configurar seu código html.
Um site com favicom fica bem mais bonito e profissional em termos de logomarca e estética. Devido a sua facilidade de ser adicionado em várias plataformas aconselho firmemente a usar esse recurso. Basta procurar a forma de instalar de acordo com a plataforma escolhida, que tem vários tutoriais na internet ensinando como se implantar um favicom em seu site ou blog.
Não tenho conta premium e o favicon foi alterado
Rikardo,
As contas antigas ainda permitem adicionar o favicon normalmente. esse problema só acontece com as contas novas.
Abraço!
Como colocar favicon no sitePX??
Obrigada
Carol,
Desculpe mas eu também não sei. Recomendo que entre em contato com o suporte da empresa para ver como fazer.
Abraço!