<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>Criar Sites &#187; Favicon</title>
	<atom:link href="http://www.criarsites.com/tag/favicon/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.criarsites.com</link>
	<description></description>
	<lastBuildDate>Thu, 09 Feb 2012 01:22:17 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.2.1</generator>
		<item>
		<title>Free Favicon &#8211; Favicons Prontos para Customizar seu Site</title>
		<link>http://www.criarsites.com/free-favicon-favicons-prontos-para-customizar-seu-site/</link>
		<comments>http://www.criarsites.com/free-favicon-favicons-prontos-para-customizar-seu-site/#comments</comments>
		<pubDate>Wed, 25 Aug 2010 12:17:24 +0000</pubDate>
		<dc:creator>Celso Lemes</dc:creator>
				<category><![CDATA[Serviços Grátis Online]]></category>
		<category><![CDATA[Customizar Site]]></category>
		<category><![CDATA[Favicon]]></category>
		<category><![CDATA[Favicon.ico]]></category>
		<category><![CDATA[Imagem na Barra de Endereços]]></category>

		<guid isPermaLink="false">http://www.criarsites.com/?p=11004</guid>
		<description><![CDATA[<img class="alignnone size-full wp-image-11027" title="cs" src="http://www.criarsites.com/wp-content/uploads/2010/08/cs.jpg" alt="" width="150" height="150" align="right"/>O Free Favicon  é um serviço gratuito que permite criar seu próprio favicon a partir de uma imagem armazenada em seu computador ou então baixar um dos diversos favicons disponíveis na galeria.

Isso torna o Free Favicon mais interessante para webmasters que ainda não tem uma imagem pronta/definida, já que pode-se escolher o melhor favicon para seu site a partir de uma galeria de imagens dividida por ...<p><a title="Cursos Profissionalizantes com Diploma de conclusão" href="http://www.cursos24horas.com.br/parceiro.asp?cod=promocao11208&amp;id=11518&amp;url=cursos/site.asp"><img class="alignnone size-full wp-image-16285" title="cursos 24 horas feed" src="http://www.criarsites.com/wp-content/uploads/2011/11/cursos-24-horas-feed.jpg" alt="cursos 24 horas feed" width="600" height="181" /></a></p>
]]></description>
			<content:encoded><![CDATA[<p></p><p><div style="float: right; "><a title="Crie seu próprio site em flash agora" href="http://www.wix.com/lp_face/fish-site-potruguese?utm_campaign=ma_criarsites.com&amp;experiment_id=ma_criarsites.com_300gif_fish" rel="nofollow" target="_blank"><img class="alignnone size-full wp-image-17486" title="crie seu proprio site" src="http://www.criarsites.com/wp-content/uploads/2012/02/crie-seu-proprio-site.gif" alt="crie seu proprio site" width="300" height="250" /></a></div><img class="alignnone size-full wp-image-11027" title="cs" src="http://www.criarsites.com/wp-content/uploads/2010/08/cs.jpg" alt="" width="180" height="180" /></p>
<p><strong>Crie ou baixe um favicon para seu site com o Free Favicon</strong></p>
<p>O <strong><a title="Free Favicon" href="http://www.freefavicon.com/" target="_blank">Free Favicon</a></strong> é um serviço gratuito que permite criar seu próprio favicon a partir de uma imagem armazenada em seu computador ou então baixar um dos diversos favicons disponíveis na galeria.</p>
<p>Isso torna o Free Favicon mais interessante para webmasters que ainda não tem uma imagem pronta/definida, já que pode-se escolher o melhor favicon para seu site a partir de <span id="more-11004"></span>uma galeria de imagens dividida por categorias. Confira alguns exemplos.</p>
<p><img class="alignnone size-full wp-image-11032" title="galeria de favicons" src="http://www.criarsites.com/wp-content/uploads/2010/08/galeria-de-favicons.jpg" alt="" width="500" height="356" /></p>
<h2>Mas o que é um Favicon</h2>
<p><a title="Favicon" href="http://www.criarsites.com/tag/favicon/">Favicon</a> é uma pequena imagem com a extensão .ico, que serve para customizar a aparência e reforçar a imagem do site na cabeça dos visitantes.</p>
<p>Eles são feitos com os tamanhos 16×16 pixels ou 32&#215;32 pixels, e são exibidos na barra de endereços, nos favoritos e nas abas de navegação dos navegadores de internet. Confira a imagem abaixo com o favicon do Criar Sites.</p>
<p><img class="alignnone size-full wp-image-11029" title="favicon criar sites" src="http://www.criarsites.com/wp-content/uploads/2010/08/favicon-criar-sites1.jpg" alt="" width="500" height="269" /></p>
<h2>Como instalar um favicon</h2>
<p>Se você está utilizando um <a title="Servidor de hospedagem" href="http://www.criarsites.com/o-que-e-um-servidor-de-sites/">servidor de hospedagem</a> para publicar seu site, poderá nomear o arquivo para favicon.ico e publicá-lo na pasta raiz do seu site. Isso fará com que os navegadores mais novos procurem pelo favicon e o associem ao site automaticamente.</p>
<p>Você também deve adicionar o código abaixo entre as tags &lt;head&gt; e  &lt;/head&gt; do template que estiver utilizando, trocando apenas o  endereço em que se encontra o seu favicon.<br />
<code>&lt;link rel=”shortcut icon” href=”<span style="color: #ff0000;">http://www.criarsites.com/favicon.ico</span>”&gt;</code></p>
<blockquote><p><strong>Nota</strong><br />
Agora, se você utiliza um serviço de criação de blogs como o <strong><a title="Blogger" href="http://www.criarsites.com/o-que-e-um-blog-e-onde-criar-um/">Blogger</a></strong>, a melhor opção seria utilizar o <a title="IconJ" href="http://www.criarsites.com/crie-e-hospede-seu-favicon-gratuitamente-no-iconj/">IconJ</a>, que permite criar e armazenar o favicon em seus próprios servidores.</p></blockquote>
<p>&gt;&gt; <a title="Free Favicon" href="http://www.freefavicon.com/" target="_blank">Visite o Free Favicon e crie o seu favicon grátis</a> &lt;&lt;</p>
<div id="_mcePaste" style="position: absolute; left: -10000px; top: 0px; width: 1px; height: 1px; overflow: hidden;">http://www.freefavicon.com/</div>
<p><a title="Cursos Profissionalizantes com Diploma de conclusão" href="http://www.cursos24horas.com.br/parceiro.asp?cod=promocao11208&amp;id=11518&amp;url=cursos/site.asp"><img class="alignnone size-full wp-image-16285" title="cursos 24 horas feed" src="http://www.criarsites.com/wp-content/uploads/2011/11/cursos-24-horas-feed.jpg" alt="cursos 24 horas feed" width="600" height="181" /></a></p>
<h2  class="related_post_title">Mais Artigos que você pode estar interessado</h2><ul class="related_post"><li><a href="http://www.criarsites.com/crie-e-hospede-seu-favicon-gratuitamente-no-iconj/" title="Crie e hospede seu Favicon gratuitamente no IconJ">Crie e hospede seu Favicon gratuitamente no IconJ</a></li><li><a href="http://www.criarsites.com/personalize-seu-site-com-um-faviconico/" title="Personalize seu site com um Favicon.ico">Personalize seu site com um Favicon.ico</a></li><li><a href="http://www.criarsites.com/wish-a-friend-dezenas-de-widgets-para-customizar-seu-site/" title="Wish a Friend &#8211; Dezenas de Widgets para customizar seu site">Wish a Friend &#8211; Dezenas de Widgets para customizar seu site</a></li><li><a href="http://www.criarsites.com/crie-seu-faviconico-com-o-faviconcc/" title="Crie seu Favicon.ico com o Favicon.cc">Crie seu Favicon.ico com o Favicon.cc</a></li></ul>]]></content:encoded>
			<wfw:commentRss>http://www.criarsites.com/free-favicon-favicons-prontos-para-customizar-seu-site/feed/</wfw:commentRss>
		<slash:comments>17</slash:comments>
		</item>
		<item>
		<title>Crie seu Favicon.ico com o Favicon.cc</title>
		<link>http://www.criarsites.com/crie-seu-faviconico-com-o-faviconcc/</link>
		<comments>http://www.criarsites.com/crie-seu-faviconico-com-o-faviconcc/#comments</comments>
		<pubDate>Sat, 14 Mar 2009 13:43:50 +0000</pubDate>
		<dc:creator>Celso Lemes</dc:creator>
				<category><![CDATA[Webmaster]]></category>
		<category><![CDATA[Favicon]]></category>
		<category><![CDATA[Favicon.cc]]></category>
		<category><![CDATA[Favicoon.ico]]></category>

		<guid isPermaLink="false">http://www.criarsites.com/?p=2371</guid>
		<description><![CDATA[O Favicon.ico é um ícone quadrado com o tamanho de 16 x 16 px ou 32 x 32 px que é adicionado junto ao site e é exibido em diversos locais dos navegadores quando um visitante acessa o site. O Favicon é utilizado para personalizar o site e destacá-lo entre os outros sites. Ele é [...]<p><a title="Cursos Profissionalizantes com Diploma de conclusão" href="http://www.cursos24horas.com.br/parceiro.asp?cod=promocao11208&amp;id=11518&amp;url=cursos/site.asp"><img class="alignnone size-full wp-image-16285" title="cursos 24 horas feed" src="http://www.criarsites.com/wp-content/uploads/2011/11/cursos-24-horas-feed.jpg" alt="cursos 24 horas feed" width="600" height="181" /></a></p>
]]></description>
			<content:encoded><![CDATA[<p></p><p><div style="float: right; "><a title="Crie seu próprio site em flash agora" href="http://www.wix.com/lp_face/fish-site-potruguese?utm_campaign=ma_criarsites.com&amp;experiment_id=ma_criarsites.com_300gif_fish" rel="nofollow" target="_blank"><img class="alignnone size-full wp-image-17486" title="crie seu proprio site" src="http://www.criarsites.com/wp-content/uploads/2012/02/crie-seu-proprio-site.gif" alt="crie seu proprio site" width="300" height="250" /></a></div><a href="http://www.criarsites.com/wp-content/uploads/2009/03/faviconcc-logo.jpg"><img class="alignnone size-thumbnail wp-image-2372" title="Favicon.cc Logo" src="http://www.criarsites.com/wp-content/uploads/2009/03/faviconcc-logo-200x74.jpg" alt="Favicon.cc Logo" width="200" height="74" /></a></p>
<p>O <strong>Favicon.ico</strong> é um ícone quadrado com o tamanho de 16 x 16 px ou 32 x 32 px que é adicionado junto ao site e é exibido em diversos locais dos navegadores quando um visitante acessa o site.</p>
<p>O Favicon é utilizado para personalizar o site e destacá-lo entre os outros sites. Ele é exibido na barra de endereços, nas abas de navegação, nos favoritos e em outros lugares.<br />
<a href="http://www.criarsites.com/wp-content/uploads/2009/03/favicon-no-criarsites.gif"><img class="alignnone size-full wp-image-2373" title="Favicon no Criar sites" src="http://www.criarsites.com/wp-content/uploads/2009/03/favicon-no-criarsites.gif" alt="Favicon no Criar sites" width="300" height="139" /></a></p>
<p>Você pode criar seu favicon.ico utilizando um programa de edição de imagens como o Photoshop ou utilizar um serviço de criação de favicons como o <strong><a title="Favicon.cc" rel="nofollow" href="http://www.favicon.cc/">Favicon.cc</a></strong> que facilita o processo.</p>
<p>O Favicon.cc permite que você crie seu favicon de duas formas, uma delas é utilizando um editor rápido onde você escolhe as cores e clica com o mouse no local desejado para mudar a sua cor. Confira o que eu fiz.<br />
<a href="http://www.criarsites.com/wp-content/uploads/2009/03/faviconico-generator.jpg"><img class="alignnone size-medium wp-image-2374" title="Favicon.cc gerador de favicons" src="http://www.criarsites.com/wp-content/uploads/2009/03/faviconico-generator-300x158.jpg" alt="Favicon.cc gerador de favicons" width="300" height="158" /></a></p>
<p>Você também pode optar por enviar uma imagem quadrada (de preferência) que será transformada automaticamente em um ícone.</p>
<p><strong>Como instalar o Favicon.ico no seu site</strong><br />
Se você tiver acesso via <a title="FTP - Protocolo de trasnferência de arquivos" href="http://www.criarsites.com/ftp-file-transfer-protocol/">FTP</a> do seu <a title="Servidor de hospedagens" href="http://www.criarsites.com/o-que-e-um-servidor-de-sites/">servidor</a>, basta que você publique o seu favicon.ico na pasta raiz de seu site.</p>
<p>Depois insira entre as tags &lt;head&gt;e &lt;/head&gt; das páginas de seu site o seguinte código<br />
&lt;link rel=&#8221;shortcut icon&#8221; href=&#8221;http://www.criarsites.com/favicon.ico&#8221;&gt;</p>
<p>Deverá ficar algo assim:<br />
&lt;head&gt;<br />
&lt;link rel=&#8221;shortcut icon&#8221; href=&#8221;http://www.criarsites.com/favicon.ico&#8221;&gt;<br />
&lt;/head&gt;</p>
<p>Troque o atual endereço para o endereço onde o seu favicon.ico esteja armazenado.</p>
<p><strong>Dica</strong><br />
Usuários de blogs e sites com hospedagem gratuita podem ter problemas para hospedar o favicon. Neste caso recomendo que utilize o <strong><a title="Iconj" href="http://www.criarsites.com/crie-e-hospede-seu-favicon-gratuitamente-no-iconj/">Iconj</a></strong>.</p>
<p><strong>Dica 2</strong><br />
Na <a title="Galeria de Favicons" rel="nofollow" href="http://www.favicon.cc/?action=icon_list">galeria de favicons</a> criados pelos usuários do Favicon.cc você pode encontrar algus ícones interessantes que pode servir de inspiração).</p>
<p>&gt;&gt; <a title="Favicon.ico" rel="nofollow" href="http://www.favicon.cc">Crie seu Favicon.ico e destaque seu site</a> &lt;&lt;</p>
<p>Nota<br />
A dica do Favicon.cc veio de Sillon Lemes que bloga no <a title="NeoPages" href="http://neopages.wordpress.com/">NeoPages</a>.</p>
<p><a title="Cursos Profissionalizantes com Diploma de conclusão" href="http://www.cursos24horas.com.br/parceiro.asp?cod=promocao11208&amp;id=11518&amp;url=cursos/site.asp"><img class="alignnone size-full wp-image-16285" title="cursos 24 horas feed" src="http://www.criarsites.com/wp-content/uploads/2011/11/cursos-24-horas-feed.jpg" alt="cursos 24 horas feed" width="600" height="181" /></a></p>
<h2  class="related_post_title">Mais Artigos que você pode estar interessado</h2><ul class="related_post"><li><a href="http://www.criarsites.com/free-favicon-favicons-prontos-para-customizar-seu-site/" title="Free Favicon &#8211; Favicons Prontos para Customizar seu Site">Free Favicon &#8211; Favicons Prontos para Customizar seu Site</a></li><li><a href="http://www.criarsites.com/crie-e-hospede-seu-favicon-gratuitamente-no-iconj/" title="Crie e hospede seu Favicon gratuitamente no IconJ">Crie e hospede seu Favicon gratuitamente no IconJ</a></li><li><a href="http://www.criarsites.com/personalize-seu-site-com-um-faviconico/" title="Personalize seu site com um Favicon.ico">Personalize seu site com um Favicon.ico</a></li></ul>]]></content:encoded>
			<wfw:commentRss>http://www.criarsites.com/crie-seu-faviconico-com-o-faviconcc/feed/</wfw:commentRss>
		<slash:comments>19</slash:comments>
		</item>
		<item>
		<title>Crie e hospede seu Favicon gratuitamente no IconJ</title>
		<link>http://www.criarsites.com/crie-e-hospede-seu-favicon-gratuitamente-no-iconj/</link>
		<comments>http://www.criarsites.com/crie-e-hospede-seu-favicon-gratuitamente-no-iconj/#comments</comments>
		<pubDate>Mon, 29 Dec 2008 03:33:49 +0000</pubDate>
		<dc:creator>Celso Lemes</dc:creator>
				<category><![CDATA[Webmaster]]></category>
		<category><![CDATA[Favicon]]></category>
		<category><![CDATA[Favicon.ico]]></category>
		<category><![CDATA[IconJ]]></category>

		<guid isPermaLink="false">http://www.criarsites.com/?p=1136</guid>
		<description><![CDATA[Os favicons são pequenos ícones que aparecem na barra de endereços, abas e favoritos dos navegadores e que ajudam a identificar determinado site. Seu uso nos sites e blogs é muito importante ajudando o visitante a lembrar de sua marca e destacar seu site nos favoritos dos navegadores. Confira o atual favicon do Criar Sites [...]<p><a title="Cursos Profissionalizantes com Diploma de conclusão" href="http://www.cursos24horas.com.br/parceiro.asp?cod=promocao11208&amp;id=11518&amp;url=cursos/site.asp"><img class="alignnone size-full wp-image-16285" title="cursos 24 horas feed" src="http://www.criarsites.com/wp-content/uploads/2011/11/cursos-24-horas-feed.jpg" alt="cursos 24 horas feed" width="600" height="181" /></a></p>
]]></description>
			<content:encoded><![CDATA[<p></p><p><div style="float: right; "><a title="Crie seu próprio site em flash agora" href="http://www.wix.com/lp_face/fish-site-potruguese?utm_campaign=ma_criarsites.com&amp;experiment_id=ma_criarsites.com_300gif_fish" rel="nofollow" target="_blank"><img class="alignnone size-full wp-image-17486" title="crie seu proprio site" src="http://www.criarsites.com/wp-content/uploads/2012/02/crie-seu-proprio-site.gif" alt="crie seu proprio site" width="300" height="250" /></a></div><a href="http://www.criarsites.com/wp-content/uploads/2008/12/iconj-criardor-de-favicon.gif"><img class="alignnone size-full wp-image-1137" title="IconJ Criador de Favicon Grátis" src="http://www.criarsites.com/wp-content/uploads/2008/12/iconj-criardor-de-favicon.gif" alt="IconJ Criador de Favicon Grátis" width="197" height="86" /></a></p>
<p>Os <a title="Favicon" href="http://www.criarsites.com/personalize-seu-site-com-um-faviconico/">favicons</a> são pequenos ícones que aparecem na barra de endereços, abas e favoritos dos navegadores e que ajudam a identificar determinado site.</p>
<p>Seu uso nos sites e blogs é muito importante ajudando o visitante a lembrar de sua marca e destacar seu site nos favoritos dos navegadores.</p>
<p>Confira o atual favicon do Criar Sites <img class="alignnone size-full wp-image-589" title="favicon" src="http://www.criarsites.com/wp-content/uploads/2008/06/favicon.ico" alt="" /><br />
<a href="http://www.criarsites.com/wp-content/uploads/2008/06/faviconico-criar-sites.jpg"><img class="alignnone size-medium wp-image-590" title="faviconico-criar-sites" src="http://www.criarsites.com/wp-content/uploads/2008/06/faviconico-criar-sites-300x172.jpg" alt="" width="300" height="172" /></a><br />
Na imagem acima você pode conferir os locais onde o Favicon.ico pode aparecer no <a title="Firefox - Navegador de Internet" href="http://www.criarsites.com/mozilla-firefox-3-6-uma-ferramenta-necessaria-para-o-webmaster/">Firefox</a>.</p>
<p><strong>Como criar um favicon</strong><br />
No site <strong><a title="IconJ" href="http://www.iconj.com/icon_generator.php">IconJ</a></strong> você pode converter uma imagem para o formato correto e ainda pode armazená-lo no próprio servidor do IconJ.</p>
<p>Esta é uma ótima opção para blogueiros que utilizam serviços gratuitos como o Blogger e o WordPress.com onde não é possível armazenar arquivos com a extensão .ico</p>
<p>Se o armazenamento do favicon não é problema para você, você também pode utilizar serviços como o <a title="Favicon.ico " href="http://tools.dynamicdrive.com/favicon/">Dinamyc Drive</a>, <a title="Favicon from pics" href="http://www.html-kit.com/favicon/gallery/" rel="nofollow">Favicon from Pics</a> ou o <a title="Favicon" href="http://www.favicon.cc/" rel="nofollow">Favicon.cc</a>.</p>
<p><strong>Nota</strong><br />
Adica deste site veio do visitante Leandro Alves Pimenta do blog <a title="Mega Ciência" href="http://megaciencias.com">Mega Ciências</a>.</p>
<p>Valeu pela dica cara!</p>
<p><a title="Cursos Profissionalizantes com Diploma de conclusão" href="http://www.cursos24horas.com.br/parceiro.asp?cod=promocao11208&amp;id=11518&amp;url=cursos/site.asp"><img class="alignnone size-full wp-image-16285" title="cursos 24 horas feed" src="http://www.criarsites.com/wp-content/uploads/2011/11/cursos-24-horas-feed.jpg" alt="cursos 24 horas feed" width="600" height="181" /></a></p>
<h2  class="related_post_title">Mais Artigos que você pode estar interessado</h2><ul class="related_post"><li><a href="http://www.criarsites.com/free-favicon-favicons-prontos-para-customizar-seu-site/" title="Free Favicon &#8211; Favicons Prontos para Customizar seu Site">Free Favicon &#8211; Favicons Prontos para Customizar seu Site</a></li><li><a href="http://www.criarsites.com/personalize-seu-site-com-um-faviconico/" title="Personalize seu site com um Favicon.ico">Personalize seu site com um Favicon.ico</a></li><li><a href="http://www.criarsites.com/crie-seu-faviconico-com-o-faviconcc/" title="Crie seu Favicon.ico com o Favicon.cc">Crie seu Favicon.ico com o Favicon.cc</a></li></ul>]]></content:encoded>
			<wfw:commentRss>http://www.criarsites.com/crie-e-hospede-seu-favicon-gratuitamente-no-iconj/feed/</wfw:commentRss>
		<slash:comments>14</slash:comments>
		</item>
		<item>
		<title>Personalize seu site com um Favicon.ico</title>
		<link>http://www.criarsites.com/personalize-seu-site-com-um-faviconico/</link>
		<comments>http://www.criarsites.com/personalize-seu-site-com-um-faviconico/#comments</comments>
		<pubDate>Sat, 12 Jul 2008 03:03:58 +0000</pubDate>
		<dc:creator>Celso Lemes</dc:creator>
				<category><![CDATA[Webmaster]]></category>
		<category><![CDATA[Favicon]]></category>
		<category><![CDATA[Favicon.ico]]></category>

		<guid isPermaLink="false">http://www.criarsites.com/?p=587</guid>
		<description><![CDATA[Reforce a marca de seu site com o Favicon.ico O que é o Favicon.ico Favicon.con é um pequeno ícone que serve para representar um site na barra de endereços, nos favoritos e abas dos navegadores. Trata-se de uma imagem com a extensão .ico que deve ter o tamanho máximo de 16&#215;16 px. Confira o atual [...]<p><a title="Cursos Profissionalizantes com Diploma de conclusão" href="http://www.cursos24horas.com.br/parceiro.asp?cod=promocao11208&amp;id=11518&amp;url=cursos/site.asp"><img class="alignnone size-full wp-image-16285" title="cursos 24 horas feed" src="http://www.criarsites.com/wp-content/uploads/2011/11/cursos-24-horas-feed.jpg" alt="cursos 24 horas feed" width="600" height="181" /></a></p>
]]></description>
			<content:encoded><![CDATA[<p></p><p><strong>Reforce a marca de seu site com o Favicon.ico</strong></p>
<p><div style="float: right; "><a title="Crie seu próprio site em flash agora" href="http://www.wix.com/lp_face/fish-site-potruguese?utm_campaign=ma_criarsites.com&amp;experiment_id=ma_criarsites.com_300gif_fish" rel="nofollow" target="_blank"><img class="alignnone size-full wp-image-17486" title="crie seu proprio site" src="http://www.criarsites.com/wp-content/uploads/2012/02/crie-seu-proprio-site.gif" alt="crie seu proprio site" width="300" height="250" /></a></div><img class="alignnone size-medium wp-image-588" title="criar-sites-favicon" src="http://www.criarsites.com/wp-content/uploads/2008/06/criar-sites-favicon.png" alt="" width="150" height="113" /></p>
<p><strong>O que é o Favicon.ico</strong><br />
Favicon.con é um pequeno ícone que serve para representar um site na barra de endereços, nos favoritos e abas dos navegadores.<br />
Trata-se de uma imagem com a extensão .ico que deve ter o tamanho máximo de 16&#215;16 px.</p>
<p>Confira o atual icone do Criar Sites <img class="alignnone size-full wp-image-589" title="favicon" src="http://www.criarsites.com/wp-content/uploads/2008/06/favicon.ico" alt="" /><br />
<a href="http://www.criarsites.com/wp-content/uploads/2008/06/faviconico-criar-sites.jpg"><img class="alignnone size-medium wp-image-590" title="faviconico-criar-sites" src="http://www.criarsites.com/wp-content/uploads/2008/06/faviconico-criar-sites-300x172.jpg" alt="" width="300" height="172" /></a><br />
Acima você pode conferir os locais onde o Favicon.ico pode aparecer no <a title="Firefox - Navegador de Internet" href="http://www.criarsites.com/mozilla-firefox-3-6-uma-ferramenta-necessaria-para-o-webmaster/">Firefox</a>.</p>
<p><strong>Pra que usar o favicon.ico</strong><br />
<strong><span style="color: #800000;">Destaque nos Favoritos</span></strong> &#8211; O favicon serve para dar mais destaque a um site que tenha sido adicionado aos favoritos dos navegadores, já que o ícone é adicionado antes do nome do site.</p>
<p><strong><span style="color: #800000;">Destaque nas abas dos navegadores</span></strong> &#8211; Em navegadores que permitem navegar por abas, o favicon.ico é adicionado a aba antes do nome do site.</p>
<p><strong><span style="color: #800000;">Reforço da marca</span></strong> &#8211; Ao ver várias vezes o ícone de seu site, sua marca é reforçada na mente do visitante.</p>
<p><strong>Como criar seu favicon.ico</strong><br />
O atual ícone que está sendo utilizado aqui no <a title="Criando Sites" href="http://www.criarsites.com">Criar Sites</a> eu fiz com a ajuda do site <strong><a title="Favicon.ico " href="http://tools.dynamicdrive.com/favicon/">Dinamyc Drive</a></strong>. É necessário que você tenha previamente criado uma imagem quadrada com até 150.00 kB para que o favicon maker possa trabalhar com a imagem.</p>
<p>Também existem outras opções que permitem criar seu favicon como o <a title="Favicon from pics" href="http://www.html-kit.com/favicon/gallery/" rel="nofollow">Favicon from Pics</a> ou o <a title="Favicon" href="http://www.favicon.cc/" rel="nofollow">Favicon.cc</a> que permite que você desenhe seu favicon.</p>
<p>Você também pode criar o seu utilizando um editor de imagens que permita trabalhar com arquivos .ico</p>
<p><strong>Como inserir o favicon.ico em seu site</strong><br />
Se você tiver acesso <a title="FTP - Protocolo de trasnferência de arquivos" href="http://www.criarsites.com/ftp-file-transfer-protocol/">FTP</a> do seu <a title="Servidor de hospedagens" href="http://www.criarsites.com/o-que-e-um-servidor-de-sites/">servidor</a>, basta que você envie para o servidor seu favicon.ico a pasta raiz de seu site. O próprio navegador se encarrega de encontrar o favicon.</p>
<p>Para quem não tenha acesso ao servidor como os usuários do Blogger, poderá hospedar o favicon em um serviço de armazenamento de imagens e incluir o favicon utilizando o código abaixo.</p>
<p>Insira entre as tags &lt;head&gt;e &lt;/head&gt; das páginas de seu site o seguinte código<br />
&lt;link rel=&#8221;shortcut icon&#8221; href=&#8221;http://www.criarsites.com/favicon.ico&#8221;&gt;</p>
<p>Deverá ficar algo assim:<br />
&lt;head&gt;<br />
&lt;link rel=&#8221;shortcut icon&#8221; href=&#8221;http://www.criarsites.com/favicon.ico&#8221;&gt;<br />
&lt;/head&gt;</p>
<p>Troque o atual endereço para o endereço onde o arquivo favicon.ico esteja armazenado.</p>
<p><strong>Obs:</strong> Mesmo que você tenha inserido o ícone diretamente no seu servidor, é aconselhável que inclua a linha acima para ter certeza que o navegador encontre o seu favicon.ico</p>
<p><span style="color: #800000;"><strong>Nota</strong></span><br />
O favicon não é suportado por todos os navegadores e suas versões. No meu site eu testei no Firefox 3, no Internet Explorer7 e Ópera. Em todos funcionaram perfeitamente.</p>
<p>Se após incluir o Favicon em seu site, ele não aparecer no navegador, experimente limpar os arquivos temporários e reiniciar o navegador.</p>
<p><strong>Artigos relacionados</strong><br />
<a title="Crie Banner Online" href="http://www.criarsites.com/crie-seu-banner-online/">Crie banners online facilmente</a><br />
<a title="Gifs animados" href="http://www.criarsites.com/gifs-animados-20-sites-gratis/">Gifs animados &#8211; 20 sites grátis</a><br />
<a title="Animador de imagens - Gif animator" href="http://www.criarsites.com/diniz-gif-animator/">Animador de imagens &#8211; Gif Animator</a></p>
<p><a title="Cursos Profissionalizantes com Diploma de conclusão" href="http://www.cursos24horas.com.br/parceiro.asp?cod=promocao11208&amp;id=11518&amp;url=cursos/site.asp"><img class="alignnone size-full wp-image-16285" title="cursos 24 horas feed" src="http://www.criarsites.com/wp-content/uploads/2011/11/cursos-24-horas-feed.jpg" alt="cursos 24 horas feed" width="600" height="181" /></a></p>
<h2  class="related_post_title">Mais Artigos que você pode estar interessado</h2><ul class="related_post"><li><a href="http://www.criarsites.com/free-favicon-favicons-prontos-para-customizar-seu-site/" title="Free Favicon &#8211; Favicons Prontos para Customizar seu Site">Free Favicon &#8211; Favicons Prontos para Customizar seu Site</a></li><li><a href="http://www.criarsites.com/crie-e-hospede-seu-favicon-gratuitamente-no-iconj/" title="Crie e hospede seu Favicon gratuitamente no IconJ">Crie e hospede seu Favicon gratuitamente no IconJ</a></li><li><a href="http://www.criarsites.com/crie-seu-faviconico-com-o-faviconcc/" title="Crie seu Favicon.ico com o Favicon.cc">Crie seu Favicon.ico com o Favicon.cc</a></li></ul>]]></content:encoded>
			<wfw:commentRss>http://www.criarsites.com/personalize-seu-site-com-um-faviconico/feed/</wfw:commentRss>
		<slash:comments>28</slash:comments>
		</item>
	</channel>
</rss>

