<?xml version="1.0" encoding="UTF-8"?>
<?xml-stylesheet type="text/xsl" media="screen" href="/~d/styles/atom10full.xsl"?><?xml-stylesheet type="text/css" media="screen" href="http://feeds.feedburner.com/~d/styles/itemcontent.css"?><feed xmlns="http://www.w3.org/2005/Atom" xmlns:openSearch="http://a9.com/-/spec/opensearch/1.1/" xmlns:georss="http://www.georss.org/georss" xmlns:gd="http://schemas.google.com/g/2005" xmlns:thr="http://purl.org/syndication/thread/1.0" gd:etag="W/&quot;DkUGSH86fCp7ImA9WhRVGE4.&quot;"><id>tag:blogger.com,1999:blog-7017997865112550200</id><updated>2012-01-17T13:03:49.114-08:00</updated><category term="Conversa Certa" /><category term="Seo" /><category term="Twitter" /><category term="Imagens" /><category term="Feeds" /><category term="Hacks" /><category term="Layouts" /><category term="Códigos/Scripts" /><category term="Atualidade" /><category term="Arte" /><category term="Opinião" /><category term="Efeitos" /><category term="Utilidades" /><category term="Ilustrex" /><category term="Curiosidade" /><category term="Botões/Banners" /><category term="Blogger" /><category term="Divulgação" /><category term="Wallpapers" /><category term="Widgets" /><category term="Estatísticas" /><category term="Primeiros Passos" /><category term="Ícones" /><title>Pelo Estilo</title><subtitle type="html">Pelo Estilo é um blog voltado a fornecer informações sobre muitas coisas onde vou mostrar minha arte e dar dicas de como fazer um blog e tambem dar minha opinião sobre tudo.</subtitle><link rel="http://schemas.google.com/g/2005#feed" type="application/atom+xml" href="http://peloestilo.blogspot.com/feeds/posts/default" /><link rel="alternate" type="text/html" href="http://peloestilo.blogspot.com/" /><link rel="next" type="application/atom+xml" href="http://www.blogger.com/feeds/7017997865112550200/posts/default?start-index=26&amp;max-results=25&amp;redirect=false&amp;v=2" /><author><name>Ramon Ricardo</name><uri>http://www.blogger.com/profile/11118941238748511474</uri><email>noreply@blogger.com</email><gd:image rel="http://schemas.google.com/g/2005#thumbnail" width="32" height="24" src="http://4.bp.blogspot.com/_iS8YTSNIuCo/S7EwcaKLKhI/AAAAAAAABXc/8l1MmmRpUeE/S220/IMG001159.jpg" /></author><generator version="7.00" uri="http://www.blogger.com">Blogger</generator><openSearch:totalResults>55</openSearch:totalResults><openSearch:startIndex>1</openSearch:startIndex><openSearch:itemsPerPage>25</openSearch:itemsPerPage><atom10:link xmlns:atom10="http://www.w3.org/2005/Atom" rel="self" type="application/atom+xml" href="http://feeds.feedburner.com/peloestilo" /><feedburner:info xmlns:feedburner="http://rssnamespace.org/feedburner/ext/1.0" uri="peloestilo" /><atom10:link xmlns:atom10="http://www.w3.org/2005/Atom" rel="hub" href="http://pubsubhubbub.appspot.com/" /><entry gd:etag="W/&quot;CkMMSHgyfSp7ImA9WxFTGEo.&quot;"><id>tag:blogger.com,1999:blog-7017997865112550200.post-7218353960539110873</id><published>2010-04-09T20:34:00.000-07:00</published><updated>2010-04-09T20:34:49.695-07:00</updated><app:edited xmlns:app="http://www.w3.org/2007/app">2010-04-09T20:34:49.695-07:00</app:edited><title>Enfim...</title><content type="html">Enfim a tão esperada notícia finalmente está pronto meu projeto o:&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;div class="separator" style="clear: both; text-align: center;"&gt;&lt;img border="0" src="http://3.bp.blogspot.com/_iS8YTSNIuCo/S7_xZfBQEZI/AAAAAAAABX8/I4oxTwT8qTY/s320/logofim-1.png" wt="true" /&gt;&lt;/div&gt;&lt;div class="separator" style="clear: both; text-align: center;"&gt;&lt;br /&gt;
&lt;/div&gt;&lt;div class="separator" style="clear: both; text-align: center;"&gt;&lt;strong&gt;Acesse o link:&lt;/strong&gt;&lt;/div&gt;&lt;div class="separator" style="clear: both; text-align: center;"&gt;&lt;a href="http://palavrasautenticas.blogspot.com/"&gt;Palavras Autênticas&lt;/a&gt;&lt;/div&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/7017997865112550200-7218353960539110873?l=peloestilo.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel="replies" type="application/atom+xml" href="http://peloestilo.blogspot.com/feeds/7218353960539110873/comments/default" title="Postar comentários" /><link rel="replies" type="text/html" href="http://peloestilo.blogspot.com/2010/04/enfim.html#comment-form" title="3 Comentários" /><link rel="edit" type="application/atom+xml" href="http://www.blogger.com/feeds/7017997865112550200/posts/default/7218353960539110873?v=2" /><link rel="self" type="application/atom+xml" href="http://www.blogger.com/feeds/7017997865112550200/posts/default/7218353960539110873?v=2" /><link rel="alternate" type="text/html" href="http://peloestilo.blogspot.com/2010/04/enfim.html" title="Enfim..." /><author><name>Ramon Ricardo</name><uri>http://www.blogger.com/profile/11118941238748511474</uri><email>noreply@blogger.com</email><gd:image rel="http://schemas.google.com/g/2005#thumbnail" width="32" height="24" src="http://4.bp.blogspot.com/_iS8YTSNIuCo/S7EwcaKLKhI/AAAAAAAABXc/8l1MmmRpUeE/S220/IMG001159.jpg" /></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="http://3.bp.blogspot.com/_iS8YTSNIuCo/S7_xZfBQEZI/AAAAAAAABX8/I4oxTwT8qTY/s72-c/logofim-1.png" height="72" width="72" /><thr:total>3</thr:total></entry><entry gd:etag="W/&quot;DkYGQnc9cCp7ImA9WxBVFE0.&quot;"><id>tag:blogger.com,1999:blog-7017997865112550200.post-4297834619373999559</id><published>2010-01-22T17:11:00.001-08:00</published><updated>2010-02-17T02:55:23.968-08:00</updated><app:edited xmlns:app="http://www.w3.org/2007/app">2010-02-17T02:55:23.968-08:00</app:edited><category scheme="http://www.blogger.com/atom/ns#" term="Estatísticas" /><title>Contador para blogs</title><content type="html">&lt;img alt="" border="0" src="http://i566.photobucket.com/albums/ss103/ramonrdsilva/contadordevisitas.jpg" style="cursor: hand; display: block; height: 260px; margin: 0px auto 10px; text-align: center; width: 424px;" /&gt;Temos muitas opções de contadores na web então temos que decidir qual usaremos: &lt;br /&gt;
&lt;ul&gt;&lt;li&gt;&lt;a href="http://www.google.com/analytics/pt-BR/"&gt;Google Analytics&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="http://www.sitemeter.com/" target="_blank"&gt;SiteMeter&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="http://getclicky.com/" target="_blank"&gt;GetClick&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="http://www.bravenet.com/" target="_blank"&gt;Bravenet&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="http://www.histats.com/v" target="_blank"&gt;Histats&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;Eu utilizo o Google Analytics e o Histats recomendo-os são ótimos.&lt;br /&gt;
Mais tarde estarei publicando tutoria sobre o analytics.&lt;br /&gt;
&lt;br /&gt;
O histats é gratuito.&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/7017997865112550200-4297834619373999559?l=peloestilo.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel="replies" type="application/atom+xml" href="http://peloestilo.blogspot.com/feeds/4297834619373999559/comments/default" title="Postar comentários" /><link rel="replies" type="text/html" href="http://peloestilo.blogspot.com/2010/01/contador-para-blogs.html#comment-form" title="2 Comentários" /><link rel="edit" type="application/atom+xml" href="http://www.blogger.com/feeds/7017997865112550200/posts/default/4297834619373999559?v=2" /><link rel="self" type="application/atom+xml" href="http://www.blogger.com/feeds/7017997865112550200/posts/default/4297834619373999559?v=2" /><link rel="alternate" type="text/html" href="http://peloestilo.blogspot.com/2010/01/contador-para-blogs.html" title="Contador para blogs" /><author><name>Ramon Ricardo</name><uri>http://www.blogger.com/profile/11118941238748511474</uri><email>noreply@blogger.com</email><gd:image rel="http://schemas.google.com/g/2005#thumbnail" width="32" height="24" src="http://4.bp.blogspot.com/_iS8YTSNIuCo/S7EwcaKLKhI/AAAAAAAABXc/8l1MmmRpUeE/S220/IMG001159.jpg" /></author><thr:total>2</thr:total></entry><entry gd:etag="W/&quot;DkYARns-eip7ImA9WxBQGEs.&quot;"><id>tag:blogger.com,1999:blog-7017997865112550200.post-1122295058025103201</id><published>2010-01-18T17:21:00.000-08:00</published><updated>2010-01-18T17:22:27.552-08:00</updated><app:edited xmlns:app="http://www.w3.org/2007/app">2010-01-18T17:22:27.552-08:00</app:edited><category scheme="http://www.blogger.com/atom/ns#" term="Widgets" /><title>Caixa de busca do Blogger</title><content type="html">&lt;div class="separator" style="clear: both; text-align: center;"&gt;&lt;a href="http://i566.photobucket.com/albums/ss103/ramonrdsilva/busca2.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"&gt;&lt;img border="0" ps="true" src="http://i566.photobucket.com/albums/ss103/ramonrdsilva/busca2.jpg" /&gt;&lt;/a&gt;&lt;br /&gt;
&lt;/div&gt;&lt;div class="separator" style="clear: both; text-align: left;"&gt;Uma caixa de busca do Google, personalizável e que permite oferecer aos leitores uma pesquisa mais refinada, abrangendo não só os nossos posts, mas também toda a web, a lista de links e o BlogRoll.&lt;br /&gt;
&lt;/div&gt;&lt;br /&gt;
Para adicioná-la:&lt;br /&gt;
&lt;br /&gt;
1-Passo: Vá em elementos de páginas.&lt;br /&gt;
2-Passo: Clique em adicionar gadgets.&lt;br /&gt;
3-Passo: Escolha o gadget caixa de pesquisa e configure.&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/7017997865112550200-1122295058025103201?l=peloestilo.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel="replies" type="application/atom+xml" href="http://peloestilo.blogspot.com/feeds/1122295058025103201/comments/default" title="Postar comentários" /><link rel="replies" type="text/html" href="http://peloestilo.blogspot.com/2010/01/aixa-de-busca-para-blogger.html#comment-form" title="0 Comentários" /><link rel="edit" type="application/atom+xml" href="http://www.blogger.com/feeds/7017997865112550200/posts/default/1122295058025103201?v=2" /><link rel="self" type="application/atom+xml" href="http://www.blogger.com/feeds/7017997865112550200/posts/default/1122295058025103201?v=2" /><link rel="alternate" type="text/html" href="http://peloestilo.blogspot.com/2010/01/aixa-de-busca-para-blogger.html" title="Caixa de busca do Blogger" /><author><name>Ramon Ricardo</name><uri>http://www.blogger.com/profile/11118941238748511474</uri><email>noreply@blogger.com</email><gd:image rel="http://schemas.google.com/g/2005#thumbnail" width="32" height="24" src="http://4.bp.blogspot.com/_iS8YTSNIuCo/S7EwcaKLKhI/AAAAAAAABXc/8l1MmmRpUeE/S220/IMG001159.jpg" /></author><thr:total>0</thr:total></entry><entry gd:etag="W/&quot;CUADQ3w6eyp7ImA9WxBQGEs.&quot;"><id>tag:blogger.com,1999:blog-7017997865112550200.post-4310225958461013745</id><published>2010-01-18T17:16:00.000-08:00</published><updated>2010-01-18T17:16:12.213-08:00</updated><app:edited xmlns:app="http://www.w3.org/2007/app">2010-01-18T17:16:12.213-08:00</app:edited><category scheme="http://www.blogger.com/atom/ns#" term="Layouts" /><title>Colocando imagens nos marcadores do blog</title><content type="html">Uma coisa bem fácil, mas eu acho essêncial. Como mudar ou colocar imagens nos marcadores do blog.&lt;br /&gt;
&lt;br /&gt;
Procure este trecho:&lt;br /&gt;
&lt;br /&gt;
.sidebar ul&lt;br /&gt;
{list-style:none;&lt;br /&gt;
margin:0 0 0;&lt;br /&gt;
padding:0 0 0;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.sidebar li&lt;br /&gt;
{margin:0;&lt;br /&gt;
padding:0 0 .25em 15px;&lt;br /&gt;
text-indent:-15px;&lt;br /&gt;
line-height:1.5em;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
E acrescente logo abaixo:&lt;br /&gt;
&lt;br /&gt;
.sidebar ul li {&lt;br /&gt;
list-style: disc url(link da imagem);&lt;br /&gt;
vertical-align: top;&lt;br /&gt;
padding: 0;margin-left: 15px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
Para que o marcador da lista seja um quadrado, basta colocar:&lt;br /&gt;
list-style: square;&lt;br /&gt;
&lt;br /&gt;
Um círculo vazio:&lt;br /&gt;
list-style: circle;&lt;br /&gt;
&lt;br /&gt;
Dica: Para voçê escolher, bullets e setas entre nesses sites:&lt;br /&gt;
&lt;br /&gt;
&lt;a href="http://www.supertrafego.com/bullets_marcadores.asp"&gt;SuperTráfego&lt;/a&gt;&lt;br /&gt;
&lt;a href="http://www.animadosgiffs.hpg.ig.com.br/pages/bullets.htm"&gt;AnimadosGifs&lt;/a&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/7017997865112550200-4310225958461013745?l=peloestilo.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel="replies" type="application/atom+xml" href="http://peloestilo.blogspot.com/feeds/4310225958461013745/comments/default" title="Postar comentários" /><link rel="replies" type="text/html" href="http://peloestilo.blogspot.com/2010/01/colocando-imagens-nos-marcadores-do.html#comment-form" title="4 Comentários" /><link rel="edit" type="application/atom+xml" href="http://www.blogger.com/feeds/7017997865112550200/posts/default/4310225958461013745?v=2" /><link rel="self" type="application/atom+xml" href="http://www.blogger.com/feeds/7017997865112550200/posts/default/4310225958461013745?v=2" /><link rel="alternate" type="text/html" href="http://peloestilo.blogspot.com/2010/01/colocando-imagens-nos-marcadores-do.html" title="Colocando imagens nos marcadores do blog" /><author><name>Ramon Ricardo</name><uri>http://www.blogger.com/profile/11118941238748511474</uri><email>noreply@blogger.com</email><gd:image rel="http://schemas.google.com/g/2005#thumbnail" width="32" height="24" src="http://4.bp.blogspot.com/_iS8YTSNIuCo/S7EwcaKLKhI/AAAAAAAABXc/8l1MmmRpUeE/S220/IMG001159.jpg" /></author><thr:total>4</thr:total></entry><entry gd:etag="W/&quot;A0QER346cSp7ImA9WxBQFUw.&quot;"><id>tag:blogger.com,1999:blog-7017997865112550200.post-7983746717399670853</id><published>2010-01-14T17:35:00.000-08:00</published><updated>2010-01-14T17:35:06.019-08:00</updated><app:edited xmlns:app="http://www.w3.org/2007/app">2010-01-14T17:35:06.019-08:00</app:edited><category scheme="http://www.blogger.com/atom/ns#" term="Divulgação" /><category scheme="http://www.blogger.com/atom/ns#" term="Widgets" /><title>Como inserir um formulário de contato no seu blog</title><content type="html">&lt;a href="http://i566.photobucket.com/albums/ss103/ramonrdsilva/contato250x271210x228.jpg"&gt;&lt;img alt="" border="0" src="http://i566.photobucket.com/albums/ss103/ramonrdsilva/contato250x271210x228.jpg" style="cursor: hand; display: block; height: 247px; margin: 0px auto 10px; text-align: center; width: 228px;" /&gt;&lt;/a&gt;Quer receber contatos de pessoas atráves do seu blog!&lt;br /&gt;
Existem vários sites que fazem esses formulários de contado grátis, você só precisa fazer um cadastro, copiar o código e colocar no seu blog, entre na página layout, clique em adicionar gadget, escolha a opção html/javascript e cole o código.&lt;br /&gt;
&lt;br /&gt;
Logo abaixo sites que oferecem gratuitamente esse tipo de serviço:&lt;br /&gt;
&lt;ul&gt;&lt;li&gt;&lt;a href="http://dicasparablogs.blogspot.com/2009/02/www.anderform.orgfree.com%3Cbr%20/%3E" target="_blank" title="Português"&gt;AnderForm&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="http://wufoo.com/" target="_blank" title="Inglês"&gt;Wufoo&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="http://www.contactify.com/" target="_blank" title="Inglês"&gt;Contactify&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="http://www.emailmeform.com/" target="_blank" title="Inglês"&gt;Email Me Form&lt;/a&gt; &lt;/li&gt;
&lt;/ul&gt;Leiam isso para aprender a mexer com o wufoo:&lt;br /&gt;
&lt;ul&gt;&lt;li&gt;&lt;a href="http://peloestilo.blogspot.com/2010/01/wufoo-um-formulario-de-contato-para-o.html"&gt;Wufoo - um formulário de contato para o blogger&lt;/a&gt; &lt;/li&gt;
&lt;/ul&gt;Abraços.&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/7017997865112550200-7983746717399670853?l=peloestilo.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel="replies" type="application/atom+xml" href="http://peloestilo.blogspot.com/feeds/7983746717399670853/comments/default" title="Postar comentários" /><link rel="replies" type="text/html" href="http://peloestilo.blogspot.com/2010/01/como-inserir-um-formulario-de-contato.html#comment-form" title="1 Comentários" /><link rel="edit" type="application/atom+xml" href="http://www.blogger.com/feeds/7017997865112550200/posts/default/7983746717399670853?v=2" /><link rel="self" type="application/atom+xml" href="http://www.blogger.com/feeds/7017997865112550200/posts/default/7983746717399670853?v=2" /><link rel="alternate" type="text/html" href="http://peloestilo.blogspot.com/2010/01/como-inserir-um-formulario-de-contato.html" title="Como inserir um formulário de contato no seu blog" /><author><name>Ramon Ricardo</name><uri>http://www.blogger.com/profile/11118941238748511474</uri><email>noreply@blogger.com</email><gd:image rel="http://schemas.google.com/g/2005#thumbnail" width="32" height="24" src="http://4.bp.blogspot.com/_iS8YTSNIuCo/S7EwcaKLKhI/AAAAAAAABXc/8l1MmmRpUeE/S220/IMG001159.jpg" /></author><thr:total>1</thr:total></entry><entry gd:etag="W/&quot;A0cBQHY-eyp7ImA9WxBQFUw.&quot;"><id>tag:blogger.com,1999:blog-7017997865112550200.post-216468697791511175</id><published>2010-01-14T17:30:00.001-08:00</published><updated>2010-01-14T17:30:51.853-08:00</updated><app:edited xmlns:app="http://www.w3.org/2007/app">2010-01-14T17:30:51.853-08:00</app:edited><category scheme="http://www.blogger.com/atom/ns#" term="Twitter" /><title>Gerador de logotipo no estilo do Twitter</title><content type="html">Uma dica para quem busca Gerador de logotipos.&lt;br /&gt;
&lt;br /&gt;
&lt;img style="DISPLAY: block; MARGIN: 0px auto 10px; WIDTH: 472px; CURSOR: hand; HEIGHT: 103px; TEXT-ALIGN: center" alt="" src="http://i566.photobucket.com/albums/ss103/ramonrdsilva/twitterlogo.png" border="0" /&gt;&lt;br /&gt;
O site &lt;a href="http://www.twitlogo.com/" target="_blank"&gt;Twitlogo&lt;/a&gt; gera uma imagem, usando as mesmas fontes e cores do Twitter.&lt;br /&gt;
&lt;br /&gt;
Pra criar seu logotipo, basta escrever o texto no local indicado, clicar em &lt;strong&gt;advanced&lt;/strong&gt; &lt;strong&gt;options&lt;/strong&gt; e configurar. Depois, clique em &lt;strong&gt;make &lt;/strong&gt;e depois faça o &lt;strong&gt;download&lt;/strong&gt; da imagem.&lt;br /&gt;
&lt;br /&gt;
Obrigado pela visita!&lt;br /&gt;
&lt;br /&gt;
Fonte: &lt;a href="http://www.twitterbrasil.org/" target="_blank"&gt;Twitter Brasil&lt;/a&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/7017997865112550200-216468697791511175?l=peloestilo.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel="replies" type="application/atom+xml" href="http://peloestilo.blogspot.com/feeds/216468697791511175/comments/default" title="Postar comentários" /><link rel="replies" type="text/html" href="http://peloestilo.blogspot.com/2010/01/gerador-de-logotipo-no-estilo-do.html#comment-form" title="0 Comentários" /><link rel="edit" type="application/atom+xml" href="http://www.blogger.com/feeds/7017997865112550200/posts/default/216468697791511175?v=2" /><link rel="self" type="application/atom+xml" href="http://www.blogger.com/feeds/7017997865112550200/posts/default/216468697791511175?v=2" /><link rel="alternate" type="text/html" href="http://peloestilo.blogspot.com/2010/01/gerador-de-logotipo-no-estilo-do.html" title="Gerador de logotipo no estilo do Twitter" /><author><name>Ramon Ricardo</name><uri>http://www.blogger.com/profile/11118941238748511474</uri><email>noreply@blogger.com</email><gd:image rel="http://schemas.google.com/g/2005#thumbnail" width="32" height="24" src="http://4.bp.blogspot.com/_iS8YTSNIuCo/S7EwcaKLKhI/AAAAAAAABXc/8l1MmmRpUeE/S220/IMG001159.jpg" /></author><thr:total>0</thr:total></entry><entry gd:etag="W/&quot;A0ECRHw-fyp7ImA9WxBQEUs.&quot;"><id>tag:blogger.com,1999:blog-7017997865112550200.post-5454598879164558695</id><published>2010-01-10T16:27:00.001-08:00</published><updated>2010-01-10T16:27:45.257-08:00</updated><app:edited xmlns:app="http://www.w3.org/2007/app">2010-01-10T16:27:45.257-08:00</app:edited><category scheme="http://www.blogger.com/atom/ns#" term="Widgets" /><category scheme="http://www.blogger.com/atom/ns#" term="Twitter" /><title>Twitter Widgets para Blogger</title><content type="html">&lt;a href="http://i566.photobucket.com/albums/ss103/ramonrdsilva/imagem998x506.jpg"&gt;&lt;img style="DISPLAY: block; MARGIN: 0px auto 10px; WIDTH: 506px; CURSOR: hand; HEIGHT: 256px; TEXT-ALIGN: center" alt="" src="http://i566.photobucket.com/albums/ss103/ramonrdsilva/imagem998x506.jpg" border="0" /&gt;&lt;/a&gt; Esse Widget serve para que você possa &lt;strong&gt;mostrar as atualizações do twitter na coluna lateral&lt;/strong&gt;.&lt;br /&gt;
&lt;br /&gt;
Para aderir basta utilizar esse instalador:&lt;br /&gt;
&lt;ul&gt;&lt;li&gt;&lt;a href="http://twitter.com/badges/blogger"&gt;Widget oficial do Twitter para o Blogspot&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;&lt;p&gt;Para você exibir a contagem dos seus seguidores no Twitter use o:&lt;/p&gt;&lt;ul&gt;&lt;li&gt;&lt;a href="http://twittercounter.com/"&gt;TwitterCounter&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;&lt;p&gt;Que disponibiliza diversos botões estatísticos no estilo &lt;a href="http://feedburner.google.com/"&gt;FeedBurner&lt;/a&gt;, e também códigos prontos para serem usados nas suas próprias personalizações.&lt;/p&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/7017997865112550200-5454598879164558695?l=peloestilo.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel="replies" type="application/atom+xml" href="http://peloestilo.blogspot.com/feeds/5454598879164558695/comments/default" title="Postar comentários" /><link rel="replies" type="text/html" href="http://peloestilo.blogspot.com/2010/01/twitter-widgets-para-blogger.html#comment-form" title="0 Comentários" /><link rel="edit" type="application/atom+xml" href="http://www.blogger.com/feeds/7017997865112550200/posts/default/5454598879164558695?v=2" /><link rel="self" type="application/atom+xml" href="http://www.blogger.com/feeds/7017997865112550200/posts/default/5454598879164558695?v=2" /><link rel="alternate" type="text/html" href="http://peloestilo.blogspot.com/2010/01/twitter-widgets-para-blogger.html" title="Twitter Widgets para Blogger" /><author><name>Ramon Ricardo</name><uri>http://www.blogger.com/profile/11118941238748511474</uri><email>noreply@blogger.com</email><gd:image rel="http://schemas.google.com/g/2005#thumbnail" width="32" height="24" src="http://4.bp.blogspot.com/_iS8YTSNIuCo/S7EwcaKLKhI/AAAAAAAABXc/8l1MmmRpUeE/S220/IMG001159.jpg" /></author><thr:total>0</thr:total></entry><entry gd:etag="W/&quot;C0cCSXoyeip7ImA9WxBRF0w.&quot;"><id>tag:blogger.com,1999:blog-7017997865112550200.post-4486536759410321774</id><published>2010-01-05T09:04:00.001-08:00</published><updated>2010-01-05T09:04:28.492-08:00</updated><app:edited xmlns:app="http://www.w3.org/2007/app">2010-01-05T09:04:28.492-08:00</app:edited><category scheme="http://www.blogger.com/atom/ns#" term="Feeds" /><category scheme="http://www.blogger.com/atom/ns#" term="Ícones" /><title>Pacote de ícones para RSS/Feed</title><content type="html">Um pacote com muitos e variados ícones &lt;strong&gt;RSS/feed&lt;/strong&gt;. Têm de todos os tipos, tamanhos, formatos e cores, você irá encontrar ícones para atender a todas as suas necessidades. Aproveitem. &lt;br /&gt;
&lt;img alt="" border="0" src="http://i566.photobucket.com/albums/ss103/ramonrdsilva/pacotedeicon300x302.jpg" style="cursor: hand; display: block; height: 304px; margin: 0px auto 10px; text-align: center; width: 302px;" /&gt;&lt;br /&gt;
Para baixar o pacote, Acesse:&lt;br /&gt;
&lt;br /&gt;
&lt;a href="http://www.ziddu.com/download/1933763/RSSPACK.rar.html" target="_blank"&gt;Download - Pacote de Ícones RSS/Feed&lt;/a&gt;&lt;br /&gt;
&lt;br /&gt;
Abraços.&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/7017997865112550200-4486536759410321774?l=peloestilo.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel="replies" type="application/atom+xml" href="http://peloestilo.blogspot.com/feeds/4486536759410321774/comments/default" title="Postar comentários" /><link rel="replies" type="text/html" href="http://peloestilo.blogspot.com/2010/01/pacote-de-icones-para-rssfeed.html#comment-form" title="0 Comentários" /><link rel="edit" type="application/atom+xml" href="http://www.blogger.com/feeds/7017997865112550200/posts/default/4486536759410321774?v=2" /><link rel="self" type="application/atom+xml" href="http://www.blogger.com/feeds/7017997865112550200/posts/default/4486536759410321774?v=2" /><link rel="alternate" type="text/html" href="http://peloestilo.blogspot.com/2010/01/pacote-de-icones-para-rssfeed.html" title="Pacote de ícones para RSS/Feed" /><author><name>Ramon Ricardo</name><uri>http://www.blogger.com/profile/11118941238748511474</uri><email>noreply@blogger.com</email><gd:image rel="http://schemas.google.com/g/2005#thumbnail" width="32" height="24" src="http://4.bp.blogspot.com/_iS8YTSNIuCo/S7EwcaKLKhI/AAAAAAAABXc/8l1MmmRpUeE/S220/IMG001159.jpg" /></author><thr:total>0</thr:total></entry><entry gd:etag="W/&quot;CkUGQ3w8fip7ImA9WxBRF0U.&quot;"><id>tag:blogger.com,1999:blog-7017997865112550200.post-8357964659570628152</id><published>2010-01-05T09:02:00.000-08:00</published><updated>2010-01-06T04:17:02.276-08:00</updated><app:edited xmlns:app="http://www.w3.org/2007/app">2010-01-06T04:17:02.276-08:00</app:edited><category scheme="http://www.blogger.com/atom/ns#" term="Hacks" /><category scheme="http://www.blogger.com/atom/ns#" term="Efeitos" /><title>Colocando a favicon no blog</title><content type="html">&lt;a href="http://i566.photobucket.com/albums/ss103/ramonrdsilva/Colocandoafavicon.jpg"&gt;&lt;img alt="" border="0" src="http://i566.photobucket.com/albums/ss103/ramonrdsilva/Colocandoafavicon.jpg" style="cursor: hand; display: block; height: 223px; margin: 0px auto 10px; text-align: center; width: 515px;" /&gt;&lt;/a&gt;&lt;strong&gt;O que é Favicon&lt;/strong&gt;&lt;br /&gt;
&lt;strong&gt;&lt;br /&gt;
&lt;/strong&gt;Favicon (Favorite Icon, em inglês) é aquele pequeno ícone que aparece na barra de endereços do navegador e/ou na aba do navegador, além de ser exbido quando o usuário adiciona o site aos favoritos.&lt;br /&gt;
&lt;br /&gt;
&lt;strong&gt;Criando e inserindo o seu Favicon&lt;/strong&gt;&lt;br /&gt;
&lt;strong&gt;&lt;/strong&gt;&lt;br /&gt;
Para criar o seu Favicon você irá precisar de duas imagens no tamanho de &lt;strong&gt;16 x 16 pixels &lt;/strong&gt;uma no formato &lt;strong&gt;PNG&lt;/strong&gt; e outra &lt;a href="http://iconverticons.com/"&gt;convertida para o formato &lt;strong&gt;ICO&lt;/strong&gt;&lt;/a&gt;.&lt;br /&gt;
&lt;br /&gt;
&lt;strong&gt;1-&lt;/strong&gt; Para criar a imagem que você irá utilizar como favicon acesse o site: &lt;a href="http://www.favicon.cc/" target="_blank"&gt;Favicon.cc&lt;/a&gt; ou então utilize um programa Adobe Photoshop ou Adobe Fireworks se a imagem for feita no programa você terá que converte-la para o formato &lt;strong&gt;ICO&lt;/strong&gt; para fazer isso acesse: &lt;a href="http://iconverticons.com/"&gt;http://iconverticons.com/&lt;/a&gt;&amp;nbsp;ou então &lt;a href="http://www.favicon.ru/en"&gt;http://www.favicon.ru/en&lt;/a&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;strong&gt;2-&lt;/strong&gt; Hospede as&amp;nbsp;imagens no site &lt;a href="http://www.imageboo.com/index.php"&gt;Image Boo Hosting&lt;/a&gt;&amp;nbsp;(&lt;a href="http://peloestilo.blogspot.com/2009/12/como-hospedar-imagens.html"&gt;saiba mais como hospedar suas imagens&lt;/a&gt;) e anote o endereço das duas imagens.&lt;br /&gt;
&lt;br /&gt;
&lt;div&gt;&lt;strong&gt;3-&lt;/strong&gt; Vá em "&lt;strong&gt;Layout&lt;/strong&gt;" e depois em "&lt;strong&gt;Editar HTML&lt;/strong&gt;" e localize a linha &lt;strong&gt;]]&amp;gt;&amp;lt;/b:skin&amp;gt;&lt;/strong&gt;; (&lt;strong&gt;Dica:&lt;/strong&gt; utlize CTRL +F do teclado para encontrar tags no HTML do template) e logo após cole o seguinte trecho, adaptando o endereço dos arquivos que você acabou de hospedar:&lt;br /&gt;
&lt;br /&gt;
&lt;/div&gt;&lt;div&gt;&lt;/div&gt;&lt;div&gt;&lt;/div&gt;&lt;div&gt;&lt;/div&gt;&lt;div&gt;&lt;/div&gt;&lt;div&gt;&lt;div style="background-color: #e6e6e6; border-bottom: #cccccc 1px solid; border-left: #cccccc 1px solid; border-right: #cccccc 1px solid; border-top: #cccccc 1px solid; padding-bottom: 3px; padding-left: 3px; padding-right: 3px; padding-top: 3px; width: 485px;"&gt;&lt;div&gt;&amp;lt;link href='URL_DA_IMAGEM_ICO' rel='shortcuticon'/&amp;gt;&lt;br /&gt;
&lt;/div&gt;&lt;div&gt;&amp;lt;link href='URL_DA_IMAGEM_PNG' rel='shortcuticon'/&amp;gt;&lt;br /&gt;
&lt;/div&gt;&lt;div&gt;&amp;lt;link href='URL_DA_IMAGEM_PNG'rel='apple-touch-icon'/&amp;gt;&lt;br /&gt;
&lt;/div&gt;&lt;div&gt;&amp;lt;link href='URL_DA_IMAGEM_PNG' rel='shortcut icon'type='image/x-icon'/&amp;gt;&lt;br /&gt;
&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;/div&gt;&lt;div&gt;&lt;em&gt;Esse código irá funcionar em todos os navegadores!&lt;/em&gt;&lt;br /&gt;
&lt;br /&gt;
Se o código acima não funcionar no seu template utilize-o assim:&lt;br /&gt;
&lt;blockquote&gt;&lt;br /&gt;
link href='URL_DA_IMAGEM_FORMATO_ICO.ico' rel='shortcut icon'/&lt;br /&gt;
link href='URL_DA_IMAGEM_FORMATO_PNG.png' rel='shortcut icon'/&lt;br /&gt;
&lt;/blockquote&gt;&lt;/div&gt;&lt;div&gt;&lt;br /&gt;
&lt;strong&gt;4- Visualize&lt;/strong&gt; se estiver tudo ok, &lt;strong&gt;salve&lt;/strong&gt;.&lt;br /&gt;
&lt;/div&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/7017997865112550200-8357964659570628152?l=peloestilo.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel="replies" type="application/atom+xml" href="http://peloestilo.blogspot.com/feeds/8357964659570628152/comments/default" title="Postar comentários" /><link rel="replies" type="text/html" href="http://peloestilo.blogspot.com/2010/01/colocando-favicon-no-blog.html#comment-form" title="2 Comentários" /><link rel="edit" type="application/atom+xml" href="http://www.blogger.com/feeds/7017997865112550200/posts/default/8357964659570628152?v=2" /><link rel="self" type="application/atom+xml" href="http://www.blogger.com/feeds/7017997865112550200/posts/default/8357964659570628152?v=2" /><link rel="alternate" type="text/html" href="http://peloestilo.blogspot.com/2010/01/colocando-favicon-no-blog.html" title="Colocando a favicon no blog" /><author><name>Ramon Ricardo</name><uri>http://www.blogger.com/profile/11118941238748511474</uri><email>noreply@blogger.com</email><gd:image rel="http://schemas.google.com/g/2005#thumbnail" width="32" height="24" src="http://4.bp.blogspot.com/_iS8YTSNIuCo/S7EwcaKLKhI/AAAAAAAABXc/8l1MmmRpUeE/S220/IMG001159.jpg" /></author><thr:total>2</thr:total></entry><entry gd:etag="W/&quot;Ck8NQHczfSp7ImA9WxBRF0U.&quot;"><id>tag:blogger.com,1999:blog-7017997865112550200.post-5593214813428074478</id><published>2010-01-05T08:58:00.000-08:00</published><updated>2010-01-06T04:28:11.985-08:00</updated><app:edited xmlns:app="http://www.w3.org/2007/app">2010-01-06T04:28:11.985-08:00</app:edited><category scheme="http://www.blogger.com/atom/ns#" term="Utilidades" /><category scheme="http://www.blogger.com/atom/ns#" term="Imagens" /><title>Hospedagem gratuita de arquivos</title><content type="html">&lt;div class="separator" style="clear: both; text-align: center;"&gt;&lt;a href="http://1.bp.blogspot.com/_iS8YTSNIuCo/S0SBvp70EtI/AAAAAAAABUU/Yt9WCw-gWgA/s1600-h/untitled.bmp" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"&gt;&lt;img border="0" ps="true" src="http://1.bp.blogspot.com/_iS8YTSNIuCo/S0SBvp70EtI/AAAAAAAABUU/Yt9WCw-gWgA/s320/untitled.bmp" /&gt;&lt;/a&gt;&lt;br /&gt;
&lt;/div&gt;Uma dúvida frequente, principalmente prá quem está começando, é saber onde hospedar arquivos. Um blog precisa de imagens, links, documentos e até música. Existem diversos sites que oferecem este serviço e alguns deles já chegam a oferecer 5 Gb de armazenamento.&lt;br /&gt;
&lt;br /&gt;
&lt;div&gt;&lt;/div&gt;&lt;div&gt;Vamos à eles:&lt;br /&gt;
&lt;br /&gt;
&lt;/div&gt;&lt;div&gt;&lt;/div&gt;&lt;div&gt;Imagems:&lt;br /&gt;
&lt;/div&gt;&lt;ul&gt;&lt;li&gt;&lt;a href="http://www.flickr.com/"&gt;http://www.flickr.com/&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="http://picasaweb.google.com/home"&gt;http://picasaweb.google.com/home&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="http://imageshack.us/"&gt;http://imageshack.us/&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="http://s566.photobucket.com/"&gt;http://s566.photobucket.com/&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;Músicas:&lt;br /&gt;
&lt;ul&gt;&lt;li&gt;&lt;a href="http://www.esnips.com/"&gt;http://www.esnips.com/&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="http://www.mp3tube.net/"&gt;http://www.mp3tube.net/&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;Arquivos em geral:&lt;br /&gt;
&lt;ul&gt;&lt;li&gt;&lt;a href="http://4shared.com/"&gt;http://4shared.com/&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="http://skydrive.com/home/welcome.aspx"&gt;http://skydrive.com/home/welcome.aspx&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;Leia também: &lt;a href="http://peloestilo.blogspot.com/2009/12/como-hospedar-imagens.html"&gt;Como hospedar imagens&lt;/a&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/7017997865112550200-5593214813428074478?l=peloestilo.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel="replies" type="application/atom+xml" href="http://peloestilo.blogspot.com/feeds/5593214813428074478/comments/default" title="Postar comentários" /><link rel="replies" type="text/html" href="http://peloestilo.blogspot.com/2010/01/uma-duvida-frequente-principalmente-pra.html#comment-form" title="0 Comentários" /><link rel="edit" type="application/atom+xml" href="http://www.blogger.com/feeds/7017997865112550200/posts/default/5593214813428074478?v=2" /><link rel="self" type="application/atom+xml" href="http://www.blogger.com/feeds/7017997865112550200/posts/default/5593214813428074478?v=2" /><link rel="alternate" type="text/html" href="http://peloestilo.blogspot.com/2010/01/uma-duvida-frequente-principalmente-pra.html" title="Hospedagem gratuita de arquivos" /><author><name>Ramon Ricardo</name><uri>http://www.blogger.com/profile/11118941238748511474</uri><email>noreply@blogger.com</email><gd:image rel="http://schemas.google.com/g/2005#thumbnail" width="32" height="24" src="http://4.bp.blogspot.com/_iS8YTSNIuCo/S7EwcaKLKhI/AAAAAAAABXc/8l1MmmRpUeE/S220/IMG001159.jpg" /></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="http://1.bp.blogspot.com/_iS8YTSNIuCo/S0SBvp70EtI/AAAAAAAABUU/Yt9WCw-gWgA/s72-c/untitled.bmp" height="72" width="72" /><thr:total>0</thr:total></entry><entry gd:etag="W/&quot;AkUCSXs4eyp7ImA9WxBRFUo.&quot;"><id>tag:blogger.com,1999:blog-7017997865112550200.post-960392643648129229</id><published>2010-01-03T20:07:00.001-08:00</published><updated>2010-01-03T20:11:08.533-08:00</updated><app:edited xmlns:app="http://www.w3.org/2007/app">2010-01-03T20:11:08.533-08:00</app:edited><category scheme="http://www.blogger.com/atom/ns#" term="Utilidades" /><title>Google Webmaster Tools</title><content type="html">&lt;a href="http://lh6.ggpht.com/_iS8YTSNIuCo/S0FpZKvcsVI/AAAAAAAABUM/bg2ht5iQ1ZE/s1600-h/google_logo%5B5%5D.jpg"&gt;&lt;img alt="google_logo" border="0" height="194" src="http://lh3.ggpht.com/_iS8YTSNIuCo/S0FpZ406zYI/AAAAAAAABUQ/nec6yDDu0rA/google_logo_thumb%5B3%5D.jpg?imgmax=800" style="border-bottom: 0px; border-left: 0px; border-right: 0px; border-top: 0px; display: block; float: none; margin-left: auto; margin-right: auto;" title="google_logo" width="240" /&gt;&lt;/a&gt; &lt;br /&gt;
O que é Google Webmaster Tools&lt;br /&gt;
&lt;br /&gt;
É um serviço para webmasters do Google. &lt;br /&gt;
&lt;br /&gt;
&lt;strong&gt;Para acessar:&lt;/strong&gt; &lt;a href="http://www.google.com/webmasters/tools/"&gt;http://www.google.com/webmasters/tools/&lt;/a&gt; &lt;br /&gt;
&lt;br /&gt;
Basta fazer o login usando a conta do Google, inserir uma tag no seu blog para comprovar a propriedade do mesmo e depois seguir os relatórios. É interessante porque dá para saber se seu site ou blog está indexado ao Google,quantos links apontam para ele, possíveis erros nas urls e muito mais. É muito interessante aproveitem.&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/7017997865112550200-960392643648129229?l=peloestilo.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel="replies" type="application/atom+xml" href="http://peloestilo.blogspot.com/feeds/960392643648129229/comments/default" title="Postar comentários" /><link rel="replies" type="text/html" href="http://peloestilo.blogspot.com/2010/01/google-webmaster-tools.html#comment-form" title="0 Comentários" /><link rel="edit" type="application/atom+xml" href="http://www.blogger.com/feeds/7017997865112550200/posts/default/960392643648129229?v=2" /><link rel="self" type="application/atom+xml" href="http://www.blogger.com/feeds/7017997865112550200/posts/default/960392643648129229?v=2" /><link rel="alternate" type="text/html" href="http://peloestilo.blogspot.com/2010/01/google-webmaster-tools.html" title="Google Webmaster Tools" /><author><name>Ramon Ricardo</name><uri>http://www.blogger.com/profile/11118941238748511474</uri><email>noreply@blogger.com</email><gd:image rel="http://schemas.google.com/g/2005#thumbnail" width="32" height="24" src="http://4.bp.blogspot.com/_iS8YTSNIuCo/S7EwcaKLKhI/AAAAAAAABXc/8l1MmmRpUeE/S220/IMG001159.jpg" /></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="http://lh3.ggpht.com/_iS8YTSNIuCo/S0FpZ406zYI/AAAAAAAABUQ/nec6yDDu0rA/s72-c/google_logo_thumb%5B3%5D.jpg?imgmax=800" height="72" width="72" /><thr:total>0</thr:total></entry><entry gd:etag="W/&quot;AkUGQ3o8fyp7ImA9WxBRFUo.&quot;"><id>tag:blogger.com,1999:blog-7017997865112550200.post-8619289647860378444</id><published>2010-01-03T19:59:00.001-08:00</published><updated>2010-01-03T20:10:22.477-08:00</updated><app:edited xmlns:app="http://www.w3.org/2007/app">2010-01-03T20:10:22.477-08:00</app:edited><category scheme="http://www.blogger.com/atom/ns#" term="Utilidades" /><category scheme="http://www.blogger.com/atom/ns#" term="Seo" /><title>Sitemap para o blogger</title><content type="html">&lt;a href="http://i566.photobucket.com/albums/ss103/ramonrdsilva/sitemap1575x525.jpg"&gt;&lt;img alt="" border="0" src="http://i566.photobucket.com/albums/ss103/ramonrdsilva/sitemap1575x525.jpg" style="display: block; float: none; height: 175px; margin-left: auto; margin-right: auto; text-align: center; width: 525px;" /&gt;&lt;/a&gt;Vamos falar um pouco sobre &lt;strong&gt;Search Engine Optimization&lt;/strong&gt; (&lt;a href="http://estudiodicas.blogspot.com/2009/06/dicas-de-seo.html"&gt;SEO&lt;/a&gt;), e aprender o que é &lt;strong&gt;sitemap&lt;/strong&gt; e a criar um sitemap para o seu blogger.&lt;br /&gt;
&lt;strong&gt;&lt;/strong&gt;&lt;br /&gt;
&lt;strong&gt;O que é Sitemap&lt;/strong&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;div&gt;&lt;div style="background-color: #e6e6e6; border-bottom: #cccccc 1px solid; border-left: #cccccc 1px solid; border-right: #cccccc 1px solid; border-top: #cccccc 1px solid; padding-bottom: 3px; padding-left: 3px; padding-right: 3px; padding-top: 3px; width: 485px;"&gt;Sitemap é um arquivo tipo XML com metadados como (a última atualização, frequência de alterações, relevância a outras URLS etc). de um site ou blog que são relevantes para motores de busca, otimizando os resultados de uma busca.&lt;br /&gt;
&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;br /&gt;
&lt;/div&gt;&lt;div&gt;&lt;strong&gt;Criando o seu Sitemap&lt;/strong&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;/div&gt;&lt;div&gt;&lt;strong&gt;&lt;/strong&gt;1- Passo: Cadastrar o seu blog no &lt;a href="http://www.google.com/webmasters/tools/"&gt;Google Webmaster Tools&lt;/a&gt;. (&lt;a href="http://peloestilo.blogspot.com/2010/01/google-webmaster-tools.html"&gt;saiba mais&lt;/a&gt;) &lt;br /&gt;
&lt;/div&gt;&lt;div&gt;2- Passo: Clique em "&lt;strong&gt;Verificar&lt;/strong&gt;" e escolha "&lt;strong&gt;Adicionar uma meta tag&lt;/strong&gt;". &lt;br /&gt;
&lt;/div&gt;&lt;div&gt;3- Passo: Copie o código fornecido e entre em "&lt;strong&gt;Layout/Editar HTML&lt;/strong&gt;" do seu blog e cole-o logo apos a tag &lt;strong&gt;&lt;strong&gt;&amp;lt;head&amp;gt;&lt;/strong&gt;.&lt;/strong&gt; &lt;br /&gt;
&lt;/div&gt;&lt;div&gt;4- Passo: Volte ao webmaster e finalize o processo de verificação, feito isto clique em "&lt;strong&gt;adicionar um sitemap&lt;/strong&gt;" no menu lateral. &lt;br /&gt;
&lt;/div&gt;&lt;div&gt;5- Passo: Escolha a opção "&lt;strong&gt;Incluir Sitemap Geral da Web&lt;/strong&gt;" No campo onde pede URL coloque: &lt;br /&gt;
&lt;/div&gt;&lt;div&gt;&lt;div style="background-color: #e6e6e6; border-bottom: #cccccc 1px solid; border-left: #cccccc 1px solid; border-right: #cccccc 1px solid; border-top: #cccccc 1px solid; padding-bottom: 3px; padding-left: 3px; padding-right: 3px; padding-top: 3px; width: 485px;"&gt;atom.xml?redirect=false&amp;amp;start-index=1&amp;amp;max-results=100&lt;br /&gt;
&lt;/div&gt;&lt;/div&gt;&lt;div&gt;Para inserir mais de 100 posts, você terá que que trocar o start-index para 101 se você publicou mais de 200 postagens ai você terá que criar um terceiro sitemap com start-index de 201 e assim por diante. &lt;br /&gt;
&lt;/div&gt;&lt;div&gt;6- Passo: Clique em "&lt;strong&gt;enviar"&lt;/strong&gt; &lt;br /&gt;
&lt;/div&gt;&lt;div&gt;&lt;strong&gt;&lt;/strong&gt;Pronto!&lt;br /&gt;
&lt;/div&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/7017997865112550200-8619289647860378444?l=peloestilo.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel="replies" type="application/atom+xml" href="http://peloestilo.blogspot.com/feeds/8619289647860378444/comments/default" title="Postar comentários" /><link rel="replies" type="text/html" href="http://peloestilo.blogspot.com/2010/01/sitemap-para-o-blogger.html#comment-form" title="0 Comentários" /><link rel="edit" type="application/atom+xml" href="http://www.blogger.com/feeds/7017997865112550200/posts/default/8619289647860378444?v=2" /><link rel="self" type="application/atom+xml" href="http://www.blogger.com/feeds/7017997865112550200/posts/default/8619289647860378444?v=2" /><link rel="alternate" type="text/html" href="http://peloestilo.blogspot.com/2010/01/sitemap-para-o-blogger.html" title="Sitemap para o blogger" /><author><name>Ramon Ricardo</name><uri>http://www.blogger.com/profile/11118941238748511474</uri><email>noreply@blogger.com</email><gd:image rel="http://schemas.google.com/g/2005#thumbnail" width="32" height="24" src="http://4.bp.blogspot.com/_iS8YTSNIuCo/S7EwcaKLKhI/AAAAAAAABXc/8l1MmmRpUeE/S220/IMG001159.jpg" /></author><thr:total>0</thr:total></entry><entry gd:etag="W/&quot;DUQBRnk-cCp7ImA9WxBRFUo.&quot;"><id>tag:blogger.com,1999:blog-7017997865112550200.post-6867765284136536490</id><published>2010-01-03T19:46:00.001-08:00</published><updated>2010-01-03T19:55:57.758-08:00</updated><app:edited xmlns:app="http://www.w3.org/2007/app">2010-01-03T19:55:57.758-08:00</app:edited><category scheme="http://www.blogger.com/atom/ns#" term="Códigos/Scripts" /><category scheme="http://www.blogger.com/atom/ns#" term="Hacks" /><title>Hacks para personalizar a caixa dos comentários do blogger</title><content type="html">Quando estava editando o meu layout procurei por códigos que me ajudassem a deixar minha caixa de comentários personalizada e com minha cara. Foi ai que eu achei algums códigos HTML que foram uma mão na roda e como ta na web e hora de compartilhar com vocês através do Pelo Estilo.&lt;br /&gt;
&lt;br /&gt;
&lt;strong&gt;Destacar a área dos comentários&lt;/strong&gt;&lt;br /&gt;
&lt;br /&gt;
1- Faça login com sua conta da Google no Blogger, vá em “Layout”, procure por editar html e clique em expandir modelos de widgets.&lt;br /&gt;
2- Agora encontre o código abaixo no seu html. Para localizar utilize (Crtl+F) do seu teclado.&lt;br /&gt;
Para encontrar seus ícones recomendo os sites: &lt;a href="http://www.iconarchive.com/"&gt;Icon Archive&lt;/a&gt; e &lt;a href="http://www.iconspedia.com/"&gt;iconspedia&lt;/a&gt; &lt;br /&gt;
&lt;blockquote&gt;&amp;lt;b:includable id='comments' var='post'&amp;gt; &lt;br /&gt;
&amp;lt;div class='comments' id='comments'&amp;gt; &lt;br /&gt;
&amp;lt;a name='comments'/&amp;gt; &lt;br /&gt;
&amp;lt;b:if cond='data:post.allowComments'&amp;gt; &lt;br /&gt;
&amp;lt;h4&amp;gt; &lt;br /&gt;
&lt;strong&gt;&amp;lt;imgsrc='http://IMAGEM.png'/&amp;gt;&lt;/strong&gt; &lt;br /&gt;
&amp;lt;b:if cond='data:post.numComments == 1'&amp;gt; 1Comentário: &amp;lt;b:else/&amp;gt; &lt;br /&gt;
&amp;lt;data:post.numComments/&amp;gt;&amp;lt;data:commentLabelPlural/&amp;gt;: &lt;br /&gt;
&amp;lt;/b:if&amp;gt; &lt;br /&gt;
&amp;lt;/h4&amp;gt;&lt;br /&gt;
&lt;/blockquote&gt;&lt;strong&gt;Destacando os comentários do autor&lt;/strong&gt;&lt;br /&gt;
&lt;br /&gt;
Faça login com sua conta da Google no Blogger, vá em “Layout”, procure por editar html e clique em expandir modelos de widgets.&lt;br /&gt;
&lt;br /&gt;
Para destacar os comentários do autor do blog procure pelo código abaixo:&lt;br /&gt;
&lt;blockquote&gt;&amp;lt;dl id='comments-block'&amp;gt; &lt;br /&gt;
&amp;lt;b:loop values='data:post.comments' var='comment'&amp;gt; &lt;br /&gt;
&amp;lt;dt class='comment-author' expr:id='"comment-" +data:comment.id'&amp;gt; &lt;br /&gt;
&amp;lt;a expr:name='"comment-" + data:comment.id'/&amp;gt; &lt;br /&gt;
&amp;lt;b:if cond='data:comment.authorUrl'&amp;gt; &lt;br /&gt;
&amp;lt;a expr:href='data:comment.authorUrl'rel='nofollow'&amp;gt;&amp;lt;data:comment.author/&amp;gt;&amp;lt;/a&amp;gt; &lt;br /&gt;
&amp;lt;b:else/&amp;gt; &lt;br /&gt;
&amp;lt;data:comment.author/&amp;gt; &lt;br /&gt;
&amp;lt;/b:if&amp;gt; &lt;br /&gt;
&amp;lt;data:commentPostedByMsg/&amp;gt; &lt;br /&gt;
&amp;lt;/dt&amp;gt; &lt;br /&gt;
&lt;strong&gt;&amp;lt;b:ifcond='data:comment.author == data:post.author'&amp;gt; &lt;br /&gt;
&amp;lt;dd class='blog-author-comment'&amp;gt; &lt;br /&gt;
&amp;lt;p&amp;gt;&amp;lt;data:comment.body/&amp;gt;&amp;lt;/p&amp;gt; &lt;br /&gt;
&amp;lt;/dd&amp;gt; &lt;br /&gt;
&amp;lt;b:else/&amp;gt;&lt;/strong&gt; &lt;br /&gt;
&amp;lt;dd class='comment-body'&amp;gt; &lt;br /&gt;
&amp;lt;b:if cond='data:comment.isDeleted'&amp;gt; &lt;br /&gt;
&amp;lt;spanclass='deleted-comment'&amp;gt;&amp;lt;data:comment.body/&amp;gt;&amp;lt;/span&amp;gt; &lt;br /&gt;
&amp;lt;b:else/&amp;gt; &lt;br /&gt;
&amp;lt;p&amp;gt;&amp;lt;data:comment.body/&amp;gt;&amp;lt;/p&amp;gt; &lt;br /&gt;
&amp;lt;/b:if&amp;gt; &lt;br /&gt;
&amp;lt;/dd&amp;gt; &lt;br /&gt;
&lt;strong&gt;&amp;lt;/b:if&amp;gt;&lt;/strong&gt; &lt;br /&gt;
&amp;lt;dd class='comment-footer'&amp;gt; &lt;br /&gt;
&amp;lt;span class='comment-timestamp'&amp;gt; &lt;br /&gt;
&amp;lt;a expr:href='"#comment-" + data:comment.id' title='commentpermalink'&amp;gt; &lt;br /&gt;
&amp;lt;data:comment.timestamp/&amp;gt; &lt;br /&gt;
&amp;lt;/a&amp;gt; &lt;br /&gt;
&amp;lt;b:include data='comment' name='commentDeleteIcon'/&amp;gt; &lt;br /&gt;
&amp;lt;/span&amp;gt; &lt;br /&gt;
&amp;lt;/dd&amp;gt; &lt;br /&gt;
&amp;lt;/b:loop&amp;gt; &lt;br /&gt;
&amp;lt;/dl&amp;gt;&lt;br /&gt;
&lt;/blockquote&gt;Inclua as partes que está em negrito &lt;br /&gt;
&lt;br /&gt;
Dica: copie ele inteiro e cole entre as tags &lt;strong&gt;&amp;lt;dl id='comments-block'&amp;gt;&lt;/strong&gt; e &lt;strong&gt;&amp;lt;/dl&amp;gt;&lt;/strong&gt;&lt;br /&gt;
&lt;br /&gt;
Depois procure pela área do CSS, entre as tags &amp;lt;head&amp;gt;&amp;lt;/head&amp;gt; e cole o código abaixo:&lt;br /&gt;
&lt;blockquote&gt;. blog-author-comment { &lt;br /&gt;
margin:.25em 0 0; &lt;br /&gt;
} &lt;br /&gt;
.blog-author-comment p { &lt;br /&gt;
margin:0 0 .75em; &lt;br /&gt;
padding:5px 10px; &lt;br /&gt;
border:1px dotted #c0c0c0; &lt;br /&gt;
background:#f5f5f5; &lt;br /&gt;
}&lt;br /&gt;
&lt;/blockquote&gt;Mude a cor e o plano de fundo como quiser.&lt;br /&gt;
&lt;br /&gt;
&lt;strong&gt;Alterando o link do autor&lt;/strong&gt;&lt;br /&gt;
&lt;br /&gt;
Para que seus comentários não sejam direcionados para o seu perfil do Blogger, procure pelo código abaixo, inserindo a linha em destaque.&lt;br /&gt;
&lt;blockquote&gt;&amp;lt;dt class='comment-author'expr:id='&amp;amp;quot;comment-&amp;amp;quot; +data:comment.id'&amp;gt; &lt;br /&gt;
&amp;lt;a expr:name='data:comment.anchorName'/&amp;gt; &lt;br /&gt;
&amp;lt;b:if cond='data:comment.author == data:post.author'&amp;gt; &lt;br /&gt;
&lt;strong&gt;&amp;lt;aexpr:href='data:blog.homepageUrl'&amp;gt;&lt;/strong&gt; &lt;br /&gt;
&amp;lt;data:comment.author/&amp;gt;&amp;lt;/a&amp;gt;&amp;lt;b:else/&amp;gt; &lt;br /&gt;
&amp;lt;b:if cond='data:comment.authorUrl'&amp;gt; &lt;br /&gt;
&amp;lt;aexpr:href='data:comment.authorUrl'&amp;gt;&amp;lt;data:comment.author/&amp;gt;&amp;lt;/a&amp;gt; &lt;br /&gt;
&amp;lt;b:else/&amp;gt; &lt;br /&gt;
&amp;lt;data:comment.author/&amp;gt; &lt;br /&gt;
&amp;lt;/b:if&amp;gt;&amp;lt;/b:if&amp;gt; &lt;br /&gt;
&amp;lt;data:commentPostedByMsg/&amp;gt; &lt;br /&gt;
&amp;lt;/dt&amp;gt;&lt;br /&gt;
&lt;/blockquote&gt;&lt;strong&gt;Inserindo icones dos comentários do autor&lt;/strong&gt;&lt;br /&gt;
&lt;br /&gt;
Procure pelo mesmo código anterior e insira a linha em negrito, substtuindo a url&lt;br /&gt;
&lt;blockquote&gt;&amp;lt;dt class='comment-author'expr:id='&amp;amp;quot;comment-&amp;amp;quot; +data:comment.id'&amp;gt; &lt;br /&gt;
&amp;lt;a expr:name='data:comment.anchorName'/&amp;gt; &lt;br /&gt;
&amp;lt;b:if cond='data:comment.author == data:post.author'&amp;gt; &lt;br /&gt;
&amp;lt;aexpr:href='data:blog.homepageUrl'&amp;gt; &lt;br /&gt;
&lt;strong&gt;&amp;lt;imgsrc='http://URL_DA_IMAGEM/Imagem.png'/&amp;gt;&lt;/strong&gt; &lt;br /&gt;
&amp;lt;data:comment.author/&amp;gt;&amp;lt;/a&amp;gt;&amp;lt;b:else/&amp;gt; &lt;br /&gt;
&amp;lt;b:if cond='data:comment.authorUrl'&amp;gt; &lt;br /&gt;
&amp;lt;aexpr:href='data:comment.authorUrl'&amp;gt;&amp;lt;data:comment.author/&amp;gt;&amp;lt;/a&amp;gt; &lt;br /&gt;
&amp;lt;b:else/&amp;gt; &lt;br /&gt;
&amp;lt;data:comment.author/&amp;gt; &lt;br /&gt;
&amp;lt;/b:if&amp;gt;&amp;lt;/b:if&amp;gt; &lt;br /&gt;
&amp;lt;data:commentPostedByMsg/&amp;gt; &lt;br /&gt;
&amp;lt;/dt&amp;gt;&lt;br /&gt;
&lt;/blockquote&gt;Para aprender a habilitar a caixa de comentários no blogger, leia: &lt;a href="http://peloestilo.blogspot.com/2009/12/formulario-de-comentarios-no-blogger.html"&gt;Formulário de comentários no blogger&lt;/a&gt;&lt;br /&gt;
&lt;br /&gt;
Sugiro as leituras: &lt;br /&gt;
&lt;h5&gt;&lt;a href="http://www.dicasblogger.com.br/2008/06/caixa-de-comentarios-do-blogger.html"&gt;&lt;span style="font-size: small;"&gt;Personalizando a caixa de comentários do Blogger&lt;/span&gt;&lt;/a&gt;&lt;/h5&gt;&lt;h3&gt;&lt;a href="http://usuariocompulsivo.blogspot.com/2009/03/personalizar-comentarios-blogger.html"&gt;&lt;span style="font-size: small;"&gt;Personalizar caixa de comentários do Blogger&lt;/span&gt;&lt;/a&gt;&lt;/h3&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/7017997865112550200-6867765284136536490?l=peloestilo.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel="replies" type="application/atom+xml" href="http://peloestilo.blogspot.com/feeds/6867765284136536490/comments/default" title="Postar comentários" /><link rel="replies" type="text/html" href="http://peloestilo.blogspot.com/2010/01/hacks-para-personalizar-caixa-dos.html#comment-form" title="2 Comentários" /><link rel="edit" type="application/atom+xml" href="http://www.blogger.com/feeds/7017997865112550200/posts/default/6867765284136536490?v=2" /><link rel="self" type="application/atom+xml" href="http://www.blogger.com/feeds/7017997865112550200/posts/default/6867765284136536490?v=2" /><link rel="alternate" type="text/html" href="http://peloestilo.blogspot.com/2010/01/hacks-para-personalizar-caixa-dos.html" title="Hacks para personalizar a caixa dos comentários do blogger" /><author><name>Ramon Ricardo</name><uri>http://www.blogger.com/profile/11118941238748511474</uri><email>noreply@blogger.com</email><gd:image rel="http://schemas.google.com/g/2005#thumbnail" width="32" height="24" src="http://4.bp.blogspot.com/_iS8YTSNIuCo/S7EwcaKLKhI/AAAAAAAABXc/8l1MmmRpUeE/S220/IMG001159.jpg" /></author><thr:total>2</thr:total></entry><entry gd:etag="W/&quot;AkIDQHYzfyp7ImA9WxBRFUo.&quot;"><id>tag:blogger.com,1999:blog-7017997865112550200.post-6288085535232672773</id><published>2010-01-03T19:02:00.001-08:00</published><updated>2010-01-03T20:16:11.887-08:00</updated><app:edited xmlns:app="http://www.w3.org/2007/app">2010-01-03T20:16:11.887-08:00</app:edited><category scheme="http://www.blogger.com/atom/ns#" term="Utilidades" /><title>Wufoo - Formulário de contato</title><content type="html">&lt;a href="http://i566.photobucket.com/albums/ss103/ramonrdsilva/formulario-wufoo.jpg"&gt;&lt;img alt="" border="0" src="http://i566.photobucket.com/albums/ss103/ramonrdsilva/formulario-wufoo.jpg" style="cursor: hand; display: block; float: none; height: 267px; margin-left: auto; margin-right: auto; text-align: center; width: 400px;" /&gt;&lt;/a&gt; &lt;br /&gt;
&lt;div&gt;Quando estava construindo meu blog o “Pelo Estilo”, procurei na web por um formulário de contato que fosse realmente bom e que atendesse as minhas expectativas e encontrei o &lt;a href="http://wufoo.com/"&gt;Wufoo&lt;/a&gt;. Para fazer a configuração no site do seu novo formulário é um pouco complicado e é tudo em inglês, mas também não é um bicho de sete cabeças.&lt;br /&gt;
&lt;/div&gt;&lt;div&gt;Vou explicar para vocês como proceder para criar o seu formulário.&lt;br /&gt;
&lt;/div&gt;&lt;div&gt;&lt;br /&gt;
O cadastro é simples. Clique em "Let's go make One". Agora aparecerá a página da configuração do lado esquerdo, aparecerão diversos ícones com suas respectivas descrições. Nada mais são do que os itens que poderão ser adicionados ao formulário. Para edita-lós, basta clicar sobre eles (o fundo ficará azul). Aconselho você a ir adicionando e testando, pois fica a critério de cada um quais os campos que serão incluídos. Para salvar, clique no ícone verde e para deletar, clique no ícone vermelho.&lt;br /&gt;
&lt;/div&gt;&lt;div&gt;&lt;br /&gt;
&lt;/div&gt;&lt;div&gt;&lt;/div&gt;&lt;div&gt;Dica: Para deixar os campos com requerimento obrigatório marque &lt;strong&gt;required.&lt;/strong&gt;&lt;br /&gt;
&lt;/div&gt;&lt;div&gt;&lt;strong&gt;&lt;/strong&gt;&lt;br /&gt;
&lt;/div&gt;&lt;div&gt;Uma vez terminada a edição, clique em &lt;strong&gt;save forms&lt;/strong&gt;. Você será direcionando à esta página&lt;br /&gt;
&lt;/div&gt;&lt;div&gt;&lt;/div&gt;Escolha a segunda opção. A partir daqui, configure em qual e-mail você deseja receber as mensagens, clicando em &lt;strong&gt;notifications&lt;/strong&gt;. Para obter o código, clique em &lt;strong&gt;code.&lt;/strong&gt; &lt;br /&gt;
Dica: O tema padrão poderá ser alterado. Clique na aba &lt;strong&gt;themes&lt;/strong&gt;.&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/7017997865112550200-6288085535232672773?l=peloestilo.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel="replies" type="application/atom+xml" href="http://peloestilo.blogspot.com/feeds/6288085535232672773/comments/default" title="Postar comentários" /><link rel="replies" type="text/html" href="http://peloestilo.blogspot.com/2010/01/wufoo-um-formulario-de-contato-para-o.html#comment-form" title="0 Comentários" /><link rel="edit" type="application/atom+xml" href="http://www.blogger.com/feeds/7017997865112550200/posts/default/6288085535232672773?v=2" /><link rel="self" type="application/atom+xml" href="http://www.blogger.com/feeds/7017997865112550200/posts/default/6288085535232672773?v=2" /><link rel="alternate" type="text/html" href="http://peloestilo.blogspot.com/2010/01/wufoo-um-formulario-de-contato-para-o.html" title="Wufoo - Formulário de contato" /><author><name>Ramon Ricardo</name><uri>http://www.blogger.com/profile/11118941238748511474</uri><email>noreply@blogger.com</email><gd:image rel="http://schemas.google.com/g/2005#thumbnail" width="32" height="24" src="http://4.bp.blogspot.com/_iS8YTSNIuCo/S7EwcaKLKhI/AAAAAAAABXc/8l1MmmRpUeE/S220/IMG001159.jpg" /></author><thr:total>0</thr:total></entry><entry gd:etag="W/&quot;AkcGQnYzeyp7ImA9WxBRFEU.&quot;"><id>tag:blogger.com,1999:blog-7017997865112550200.post-2132486157787322102</id><published>2010-01-02T19:01:00.001-08:00</published><updated>2010-01-02T19:07:03.883-08:00</updated><app:edited xmlns:app="http://www.w3.org/2007/app">2010-01-02T19:07:03.883-08:00</app:edited><category scheme="http://www.blogger.com/atom/ns#" term="Utilidades" /><category scheme="http://www.blogger.com/atom/ns#" term="Twitter" /><title>Formspring.me – Uma entrevista livre</title><content type="html">Surgiu agora uma nova onda na web se trata do &lt;a href="http://www.formspring.me/"&gt;Formspring.me&lt;/a&gt;. E um site onde você cria um perfil&amp;nbsp;fazendo um cadastro gratuito ou mesmo usando sua conta do Facebook, onde seus visitantes fazem perguntas diversas e você as responde. E suas perguntas são moderadas e se respondidas, são livres para todos visualizarem.&lt;br /&gt;
&lt;br /&gt;
&lt;a href="http://lh5.ggpht.com/_iS8YTSNIuCo/S0AIod5fM6I/AAAAAAAABUE/NFTopF_p87w/s1600-h/formspring.me%5B8%5D.jpg"&gt;&lt;img alt="formspring.me" border="0" height="333" src="http://lh6.ggpht.com/_iS8YTSNIuCo/S0AIpUpI4UI/AAAAAAAABUI/t13iDgUx_18/formspring.me_thumb%5B6%5D.jpg?imgmax=800" style="border-bottom: 0px; border-left: 0px; border-right: 0px; border-top: 0px; display: block; float: none; margin-left: auto; margin-right: auto;" title="formspring.me" width="404" /&gt;&lt;/a&gt; &lt;br /&gt;
&lt;br /&gt;
Acesse: &lt;a href="http://www.formspring.me/"&gt;Formspring.me&lt;/a&gt;&lt;br /&gt;
&lt;blockquote&gt;Quer me perguntar, então acesse: &lt;a href="http://www.formspring.me/RamonPE" title="http://www.formspring.me/RamonPE"&gt;http://www.formspring.me/RamonPE&lt;/a&gt;&lt;br /&gt;
&lt;/blockquote&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/7017997865112550200-2132486157787322102?l=peloestilo.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel="replies" type="application/atom+xml" href="http://peloestilo.blogspot.com/feeds/2132486157787322102/comments/default" title="Postar comentários" /><link rel="replies" type="text/html" href="http://peloestilo.blogspot.com/2010/01/formspringme-pergunta-que-eu-te.html#comment-form" title="0 Comentários" /><link rel="edit" type="application/atom+xml" href="http://www.blogger.com/feeds/7017997865112550200/posts/default/2132486157787322102?v=2" /><link rel="self" type="application/atom+xml" href="http://www.blogger.com/feeds/7017997865112550200/posts/default/2132486157787322102?v=2" /><link rel="alternate" type="text/html" href="http://peloestilo.blogspot.com/2010/01/formspringme-pergunta-que-eu-te.html" title="Formspring.me – Uma entrevista livre" /><author><name>Ramon Ricardo</name><uri>http://www.blogger.com/profile/11118941238748511474</uri><email>noreply@blogger.com</email><gd:image rel="http://schemas.google.com/g/2005#thumbnail" width="32" height="24" src="http://4.bp.blogspot.com/_iS8YTSNIuCo/S7EwcaKLKhI/AAAAAAAABXc/8l1MmmRpUeE/S220/IMG001159.jpg" /></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="http://lh6.ggpht.com/_iS8YTSNIuCo/S0AIpUpI4UI/AAAAAAAABUI/t13iDgUx_18/s72-c/formspring.me_thumb%5B6%5D.jpg?imgmax=800" height="72" width="72" /><thr:total>0</thr:total></entry><entry gd:etag="W/&quot;DEUHR3s-fCp7ImA9WxBRFEU.&quot;"><id>tag:blogger.com,1999:blog-7017997865112550200.post-1088452636091768023</id><published>2010-01-02T18:34:00.001-08:00</published><updated>2010-01-02T18:37:16.554-08:00</updated><app:edited xmlns:app="http://www.w3.org/2007/app">2010-01-02T18:37:16.554-08:00</app:edited><category scheme="http://www.blogger.com/atom/ns#" term="Layouts" /><category scheme="http://www.blogger.com/atom/ns#" term="Primeiros Passos" /><title>Background Labs - Imagens de fundo para o seu blog</title><content type="html">&lt;div align="left"&gt;Quer ter uma imagem de fundo personalizada e atual como a usada aqui no &lt;a href="http://peloestilo.blogspot.com/"&gt;Pelo Estilo&lt;/a&gt;. Uma dica para você é o &lt;a href="http://www.backgroundlabs.com/"&gt;Background Labs&lt;/a&gt;, é um site de fácil navegação (apesar de ser em inglês) que oferece uma diversidade de imagens para serem usadas no fundo do seu blog, divididas por tema e por cores, você escolhe. &lt;br /&gt;
&lt;/div&gt;&lt;div align="left"&gt;Veja:&lt;br /&gt;
&lt;br /&gt;
&lt;/div&gt;&lt;div align="left"&gt;&lt;/div&gt;&lt;div align="left"&gt;&lt;/div&gt;&lt;div align="center"&gt;&lt;/div&gt;&lt;div align="center"&gt;&lt;/div&gt;&lt;a href="http://i566.photobucket.com/albums/ss103/ramonrdsilva/backgroundslabs.jpg"&gt;&lt;img alt="" border="0" src="http://i566.photobucket.com/albums/ss103/ramonrdsilva/backgroundslabs401x300.jpg" style="cursor: hand; display: block; float: none; height: 225px; margin-left: auto; margin-right: auto; text-align: center; width: 300px;" /&gt;&lt;/a&gt; &lt;br /&gt;
&lt;div align="center"&gt;&lt;span style="font-size: 78%;"&gt;Clique na imagem para ampliar&lt;/span&gt;&lt;br /&gt;
&lt;/div&gt;&lt;div align="left"&gt;&lt;br /&gt;
&lt;/div&gt;&lt;div align="left"&gt;Veja um exemplo de fundos abstratos:&lt;br /&gt;
&lt;/div&gt;&lt;div align="left"&gt;&lt;br /&gt;
&lt;/div&gt;&lt;div align="center"&gt;&lt;a href="http://i566.photobucket.com/albums/ss103/ramonrdsilva/fundosdobackgroundslabs.jpg"&gt;&lt;img alt="" border="0" src="http://i566.photobucket.com/albums/ss103/ramonrdsilva/fundosdobackgroundslabs267x300.jpg" style="cursor: hand; display: block; height: 337px; margin: 0px auto 10px; text-align: center; width: 300px;" /&gt;&lt;/a&gt;&lt;span style="font-size: 78%;"&gt;Clique na imagem para ampliar&lt;/span&gt;&lt;br /&gt;
&lt;/div&gt;&lt;div align="left"&gt;&lt;br /&gt;
&lt;/div&gt;&lt;br /&gt;
&lt;strong&gt;&lt;span style="color: #0080c0;"&gt;Acesse:&lt;/span&gt;&lt;/strong&gt; &lt;a href="http://www.backgroundlabs.com/"&gt;http://www.backgroundlabs.com/&lt;/a&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;div align="left"&gt;&lt;strong&gt;Para inserir uma dessas imagens de fundo no seu blog:&lt;/strong&gt;&lt;br /&gt;
&lt;/div&gt;&lt;div align="left"&gt;&lt;br /&gt;
&lt;/div&gt;1- Salve no seu HD, hospede em algum site que utiliza esse serviço, sugestão: &lt;a href="http://imageshack.us/"&gt;http://imageshack.us/&lt;/a&gt; ou então &lt;a href="http://photobucket.com/"&gt;http://photobucket.com/&lt;/a&gt;, depois...&lt;br /&gt;
2- Entre em "&lt;strong&gt;Layout&lt;/strong&gt;" depois "&lt;strong&gt;Editar HTML&lt;/strong&gt;". 3- Localize "&lt;strong&gt;background:&lt;/strong&gt;" dentro do "&lt;strong&gt;body {&lt;/strong&gt;" do seu template. 4- background: url(&lt;strong&gt;url da imagem&lt;/strong&gt;) repeat;&lt;br /&gt;
No lugar da "&lt;strong&gt;url da imagem&lt;/strong&gt;" você insere o endereço da imagem que você escolheu, salvou e hospedou. Pronto. &lt;br /&gt;
&lt;br /&gt;
&lt;strong&gt;Sugiro que você leia&lt;/strong&gt; (principalmente se você não entendeu muito bem como alterar o plano de fundo):&lt;br /&gt;
&lt;ul&gt;&lt;h5&gt;&lt;a href="http://peloestilo.blogspot.com/2010/01/como-mudar-o-plano-do-fundo-do-blog.html"&gt;Como mudar o plano do fundo do blog&lt;/a&gt;&lt;/h5&gt;&lt;h5&gt;&lt;a href="http://peloestilo.blogspot.com/2009/12/como-hospedar-imagens.html"&gt;Como hospedar imagens&lt;/a&gt;&lt;/h5&gt;
&lt;/ul&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/7017997865112550200-1088452636091768023?l=peloestilo.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel="replies" type="application/atom+xml" href="http://peloestilo.blogspot.com/feeds/1088452636091768023/comments/default" title="Postar comentários" /><link rel="replies" type="text/html" href="http://peloestilo.blogspot.com/2010/01/background-labs-imagens-de-fundo-para-o.html#comment-form" title="0 Comentários" /><link rel="edit" type="application/atom+xml" href="http://www.blogger.com/feeds/7017997865112550200/posts/default/1088452636091768023?v=2" /><link rel="self" type="application/atom+xml" href="http://www.blogger.com/feeds/7017997865112550200/posts/default/1088452636091768023?v=2" /><link rel="alternate" type="text/html" href="http://peloestilo.blogspot.com/2010/01/background-labs-imagens-de-fundo-para-o.html" title="Background Labs - Imagens de fundo para o seu blog" /><author><name>Ramon Ricardo</name><uri>http://www.blogger.com/profile/11118941238748511474</uri><email>noreply@blogger.com</email><gd:image rel="http://schemas.google.com/g/2005#thumbnail" width="32" height="24" src="http://4.bp.blogspot.com/_iS8YTSNIuCo/S7EwcaKLKhI/AAAAAAAABXc/8l1MmmRpUeE/S220/IMG001159.jpg" /></author><thr:total>0</thr:total></entry><entry gd:etag="W/&quot;D0AAQnc8eyp7ImA9WxBRFEU.&quot;"><id>tag:blogger.com,1999:blog-7017997865112550200.post-7018028609554834730</id><published>2010-01-02T18:26:00.001-08:00</published><updated>2010-01-02T18:29:03.973-08:00</updated><app:edited xmlns:app="http://www.w3.org/2007/app">2010-01-02T18:29:03.973-08:00</app:edited><category scheme="http://www.blogger.com/atom/ns#" term="Hacks" /><category scheme="http://www.blogger.com/atom/ns#" term="Layouts" /><title>Como mudar o plano do fundo do blog</title><content type="html">Agora vou falar de um assunto muito pesquisado por blogueiros principalmente pelos novatos que é: &lt;strong&gt;&lt;span style="color: #0080c0;"&gt;Como alterar o plano de fundo do blog&lt;/span&gt;&lt;/strong&gt;.&lt;br /&gt;
&lt;br /&gt;
Para mudar o plano de fundo do seu template, procure por &lt;strong&gt;Body&lt;/strong&gt; no código CSS e alterar o que está em &lt;strong&gt;Background&lt;/strong&gt;:&lt;br /&gt;
&lt;br /&gt;
Dica: Utilize Ctrl + F do teclado para encontrar tags no HTML.&lt;br /&gt;
&lt;br /&gt;
body {&lt;br /&gt;
background-color: $bgcolor;}&lt;br /&gt;
&lt;br /&gt;
Se você deseja alterar somente a cor, faça como no exemplo: background-color e coloque o código da cor (hexadecimal, como: #ffffff), ficando assim:&lt;br /&gt;
&lt;br /&gt;
body{background-color: #ffffff;&lt;br /&gt;
&lt;br /&gt;
Se deseja colocar uma imagem: &lt;br /&gt;
&lt;br /&gt;
&lt;strong&gt;background: url(url da imagem) repeat;&lt;/strong&gt; &lt;br /&gt;
&lt;br /&gt;
&lt;strong&gt;&lt;/strong&gt;Veja as maneiras como você pode estipular o comportamento da imagem do background: &lt;br /&gt;
&lt;br /&gt;
&lt;strong&gt;repeat;&lt;/strong&gt; repete por todo o elemento &lt;br /&gt;
&lt;strong&gt;repeat-y;&lt;/strong&gt; repete na vertical &lt;br /&gt;
&lt;strong&gt;repeat-x;&lt;/strong&gt; repete na horizontal &lt;br /&gt;
&lt;strong&gt;no-repeat;&lt;/strong&gt; não repete &lt;br /&gt;
&lt;strong&gt;background: url(url da imagem) no-repeat top left;&lt;/strong&gt; não repete e se apresenta no topo à esquerda. &lt;br /&gt;
Para que a imagem fique fixa na tela:&lt;strong&gt;background-attachment: fixed;&lt;/strong&gt; &lt;br /&gt;
Para que a imagem role com a tela:&lt;strong&gt;background-attachment: scroll;&lt;/strong&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/7017997865112550200-7018028609554834730?l=peloestilo.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel="replies" type="application/atom+xml" href="http://peloestilo.blogspot.com/feeds/7018028609554834730/comments/default" title="Postar comentários" /><link rel="replies" type="text/html" href="http://peloestilo.blogspot.com/2010/01/como-mudar-o-plano-do-fundo-do-blog.html#comment-form" title="1 Comentários" /><link rel="edit" type="application/atom+xml" href="http://www.blogger.com/feeds/7017997865112550200/posts/default/7018028609554834730?v=2" /><link rel="self" type="application/atom+xml" href="http://www.blogger.com/feeds/7017997865112550200/posts/default/7018028609554834730?v=2" /><link rel="alternate" type="text/html" href="http://peloestilo.blogspot.com/2010/01/como-mudar-o-plano-do-fundo-do-blog.html" title="Como mudar o plano do fundo do blog" /><author><name>Ramon Ricardo</name><uri>http://www.blogger.com/profile/11118941238748511474</uri><email>noreply@blogger.com</email><gd:image rel="http://schemas.google.com/g/2005#thumbnail" width="32" height="24" src="http://4.bp.blogspot.com/_iS8YTSNIuCo/S7EwcaKLKhI/AAAAAAAABXc/8l1MmmRpUeE/S220/IMG001159.jpg" /></author><thr:total>1</thr:total></entry><entry gd:etag="W/&quot;CUEGR3s8eip7ImA9WxBRFE0.&quot;"><id>tag:blogger.com,1999:blog-7017997865112550200.post-4176067017283170615</id><published>2010-01-01T19:38:00.001-08:00</published><updated>2010-01-01T19:40:26.572-08:00</updated><app:edited xmlns:app="http://www.w3.org/2007/app">2010-01-01T19:40:26.572-08:00</app:edited><category scheme="http://www.blogger.com/atom/ns#" term="Botões/Banners" /><category scheme="http://www.blogger.com/atom/ns#" term="Primeiros Passos" /><title>Como criar botão para seu blog</title><content type="html">&amp;nbsp;&lt;a href="http://lh4.ggpht.com/_iS8YTSNIuCo/Sz6_ldPAgII/AAAAAAAABT8/D1MQFd-QXls/s1600-h/botoes2%5B4%5D.jpg"&gt;&lt;img alt="botoes2" border="0" height="154" src="http://lh3.ggpht.com/_iS8YTSNIuCo/Sz6_l-Nt8BI/AAAAAAAABUA/AXk9HYRcO70/botoes2_thumb%5B2%5D.jpg?imgmax=800" style="border-bottom: 0px; border-left: 0px; border-right: 0px; border-top: 0px; display: block; float: none; margin-left: auto; margin-right: auto;" title="botoes2" width="448" /&gt;&lt;/a&gt; &lt;br /&gt;
Uma dica essencial para quem quer deixar seu blog mais funcional e organizado. 1- Passo: Para criar seu botão acesse: &lt;a href="http://www.graphicsguru.com/button.php"&gt;clique aqui&lt;/a&gt;, ou escolha um dos sites abaixo todos são para criação de botões:&lt;br /&gt;
&lt;br /&gt;
&lt;a href="http://www.kalsey.com/tools/buttonmaker/"&gt;Buttom Maker&lt;/a&gt; &lt;br /&gt;
&lt;a href="http://www.yugatech.com/make.php"&gt;Online Button Maker&lt;/a&gt; &lt;br /&gt;
&lt;a href="http://www.publicons.de/"&gt;Publicons.de&lt;/a&gt; &lt;br /&gt;
&lt;a href="http://www.imaxenes.com/etiquetas/"&gt;Imaxenes&lt;/a&gt; &lt;br /&gt;
&lt;a href="http://www.lucazappa.com/brilliantMaker/buttonImage.php"&gt;Brilliant Button Maker&lt;/a&gt; &lt;br /&gt;
&lt;br /&gt;
2- Passo: Depois de criado o seu botão, faça o upload no site que você utiliza para hospedar suas imagens como o &lt;a href="http://imageshack.us/"&gt;ImageShack&lt;/a&gt;. (&lt;u&gt;&lt;span style="color: #810081;"&gt;&lt;a href="http://peloestilo.blogspot.com/2009/12/como-hospedar-imagens.html"&gt;saiba mais&lt;/a&gt;&lt;/span&gt;&lt;/u&gt;) 3- Para inserir o botão no seu blog, acesse: &lt;a href="http://maisblog.com/utilitarios/gerabutton.htm"&gt;http://maisblog.com/utilitarios/gerabutton.htm&lt;/a&gt; Para inserir o botão no blogger, vá em "&lt;strong&gt;Editar HTML&lt;/strong&gt;" depois em &lt;strong&gt;html/javascript&lt;/strong&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/7017997865112550200-4176067017283170615?l=peloestilo.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel="replies" type="application/atom+xml" href="http://peloestilo.blogspot.com/feeds/4176067017283170615/comments/default" title="Postar comentários" /><link rel="replies" type="text/html" href="http://peloestilo.blogspot.com/2010/01/como-criar-botao-para-seu-blog.html#comment-form" title="1 Comentários" /><link rel="edit" type="application/atom+xml" href="http://www.blogger.com/feeds/7017997865112550200/posts/default/4176067017283170615?v=2" /><link rel="self" type="application/atom+xml" href="http://www.blogger.com/feeds/7017997865112550200/posts/default/4176067017283170615?v=2" /><link rel="alternate" type="text/html" href="http://peloestilo.blogspot.com/2010/01/como-criar-botao-para-seu-blog.html" title="Como criar botão para seu blog" /><author><name>Ramon Ricardo</name><uri>http://www.blogger.com/profile/11118941238748511474</uri><email>noreply@blogger.com</email><gd:image rel="http://schemas.google.com/g/2005#thumbnail" width="32" height="24" src="http://4.bp.blogspot.com/_iS8YTSNIuCo/S7EwcaKLKhI/AAAAAAAABXc/8l1MmmRpUeE/S220/IMG001159.jpg" /></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="http://lh3.ggpht.com/_iS8YTSNIuCo/Sz6_l-Nt8BI/AAAAAAAABUA/AXk9HYRcO70/s72-c/botoes2_thumb%5B2%5D.jpg?imgmax=800" height="72" width="72" /><thr:total>1</thr:total></entry><entry gd:etag="W/&quot;C0MMRX8ycSp7ImA9WxBRFE0.&quot;"><id>tag:blogger.com,1999:blog-7017997865112550200.post-2400570672413675258</id><published>2010-01-01T19:03:00.001-08:00</published><updated>2010-01-01T19:04:44.199-08:00</updated><app:edited xmlns:app="http://www.w3.org/2007/app">2010-01-01T19:04:44.199-08:00</app:edited><category scheme="http://www.blogger.com/atom/ns#" term="Widgets" /><category scheme="http://www.blogger.com/atom/ns#" term="Primeiros Passos" /><title>Como posicionar os widgets no Blogger</title><content type="html">&lt;a href="http://marinafavato.files.wordpress.com/2009/01/alvo.jpg"&gt;&lt;img border="0" height="235" src="http://marinafavato.files.wordpress.com/2009/01/alvo.jpg" style="border-bottom: 0px; border-left: 0px; border-right: 0px; border-top: 0px; display: inline; margin-left: 0px; margin-right: 0px;" width="250" /&gt;&lt;/a&gt;&lt;br /&gt;
&lt;br /&gt;
Vou dar uma dica sobre como posicionar os widgets na sidebar, é uma dúvida muito comum para quem edita HTML e usuários novatos.&lt;br /&gt;
&lt;br /&gt;
&lt;div&gt;&lt;div align="justify"&gt;Para utilizar é só você substituir o "&lt;strong&gt;código&lt;/strong&gt;", pelo código que será inserido na sidebar no widget "&lt;strong&gt;Html/Javascript&lt;/strong&gt;". &lt;br /&gt;
&lt;div align="justify"&gt;&lt;br /&gt;
&lt;/div&gt;&lt;div align="justify"&gt;Para Centralizar:&lt;br /&gt;
&lt;/div&gt;&lt;div align="justify"&gt;&lt;div style="background-color: #e6e6e6; border-bottom: #cccccc 1px solid; border-left: #cccccc 1px solid; border-right: #cccccc 1px solid; border-top: #cccccc 1px solid; padding-bottom: 3px; padding-left: 3px; padding-right: 3px; padding-top: 3px; width: 485px;"&gt;&amp;lt;div align="center"&amp;gt;código&amp;lt;/div&amp;gt;&lt;br /&gt;
&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;br /&gt;
&lt;/div&gt;&lt;div&gt;ou simplesmente &lt;br /&gt;
&lt;/div&gt;&lt;div&gt;&lt;div style="background-color: #e6e6e6; border-bottom: #cccccc 1px solid; border-left: #cccccc 1px solid; border-right: #cccccc 1px solid; border-top: #cccccc 1px solid; padding-bottom: 3px; padding-left: 3px; padding-right: 3px; padding-top: 3px; width: 485px;"&gt;&amp;lt;center&amp;gt;código&amp;lt;/center&amp;gt;&lt;br /&gt;
&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;br /&gt;
&lt;/div&gt;&lt;div&gt;Para posicionar à esquerda: &lt;br /&gt;
&lt;/div&gt;&lt;div&gt;&lt;div style="background-color: #e6e6e6; border-bottom: #cccccc 1px solid; border-left: #cccccc 1px solid; border-right: #cccccc 1px solid; border-top: #cccccc 1px solid; padding-bottom: 3px; padding-left: 3px; padding-right: 3px; padding-top: 3px; width: 485px;"&gt;div align="left"&amp;gt;código&amp;lt;/div&amp;gt;&lt;br /&gt;
&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;br /&gt;
&lt;/div&gt;&lt;div&gt;ou simplesmente &lt;br /&gt;
&lt;/div&gt;&lt;div&gt;&lt;div style="background-color: #e6e6e6; border-bottom: #cccccc 1px solid; border-left: #cccccc 1px solid; border-right: #cccccc 1px solid; border-top: #cccccc 1px solid; padding-bottom: 3px; padding-left: 3px; padding-right: 3px; padding-top: 3px; width: 485px;"&gt;&amp;lt;left&amp;gt;código&amp;lt;/left&amp;gt;&lt;br /&gt;
&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;br /&gt;
&lt;/div&gt;&lt;div&gt;Para posicionar à direita: &lt;br /&gt;
&lt;/div&gt;&lt;div&gt;&lt;div style="background-color: #e6e6e6; border-bottom: #cccccc 1px solid; border-left: #cccccc 1px solid; border-right: #cccccc 1px solid; border-top: #cccccc 1px solid; padding-bottom: 3px; padding-left: 3px; padding-right: 3px; padding-top: 3px; width: 485px;"&gt;&amp;lt;div align="right"&amp;gt;código&amp;lt;/div&amp;gt;&lt;br /&gt;
&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;/div&gt;&lt;div&gt;&lt;/div&gt;&lt;div&gt;&lt;br /&gt;
&lt;/div&gt;&lt;div&gt;Exemplo de como posicionar o widget no centro:&lt;br /&gt;
&lt;br /&gt;
&lt;/div&gt;&lt;/div&gt;&lt;div align="center"&gt;&lt;a href="http://i566.photobucket.com/albums/ss103/ramonrdsilva/centralizarwidgets.jpg"&gt;&lt;img alt="" border="0" src="http://i566.photobucket.com/albums/ss103/ramonrdsilva/centralizarwidgets537x248.jpg" style="cursor: hand; display: block; float: none; height: 115px; margin-left: auto; margin-right: auto; text-align: center; width: 248px;" /&gt;&lt;/a&gt;&lt;span style="font-size: 78%;"&gt;Clique na imagem para ampliar&lt;/span&gt;&lt;br /&gt;
&lt;/div&gt;&lt;div align="center"&gt;&lt;span style="font-size: 78%;"&gt;&lt;/span&gt;&lt;br /&gt;
&lt;/div&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/7017997865112550200-2400570672413675258?l=peloestilo.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel="replies" type="application/atom+xml" href="http://peloestilo.blogspot.com/feeds/2400570672413675258/comments/default" title="Postar comentários" /><link rel="replies" type="text/html" href="http://peloestilo.blogspot.com/2010/01/como-posicionar-os-widgets-no-blogger.html#comment-form" title="0 Comentários" /><link rel="edit" type="application/atom+xml" href="http://www.blogger.com/feeds/7017997865112550200/posts/default/2400570672413675258?v=2" /><link rel="self" type="application/atom+xml" href="http://www.blogger.com/feeds/7017997865112550200/posts/default/2400570672413675258?v=2" /><link rel="alternate" type="text/html" href="http://peloestilo.blogspot.com/2010/01/como-posicionar-os-widgets-no-blogger.html" title="Como posicionar os widgets no Blogger" /><author><name>Ramon Ricardo</name><uri>http://www.blogger.com/profile/11118941238748511474</uri><email>noreply@blogger.com</email><gd:image rel="http://schemas.google.com/g/2005#thumbnail" width="32" height="24" src="http://4.bp.blogspot.com/_iS8YTSNIuCo/S7EwcaKLKhI/AAAAAAAABXc/8l1MmmRpUeE/S220/IMG001159.jpg" /></author><thr:total>0</thr:total></entry><entry gd:etag="W/&quot;CkAAR3c7eCp7ImA9WxBRFE0.&quot;"><id>tag:blogger.com,1999:blog-7017997865112550200.post-1528184253030115552</id><published>2010-01-01T18:48:00.001-08:00</published><updated>2010-01-01T18:52:26.900-08:00</updated><app:edited xmlns:app="http://www.w3.org/2007/app">2010-01-01T18:52:26.900-08:00</app:edited><category scheme="http://www.blogger.com/atom/ns#" term="Widgets" /><category scheme="http://www.blogger.com/atom/ns#" term="Primeiros Passos" /><title>Como colocar marcadores no blog</title><content type="html">&lt;div align="left"&gt;Vamos aprender a colocar o gadget &lt;strong&gt;marcadores&lt;/strong&gt; no blog ou nos posts tanto faz. &lt;br /&gt;
&lt;/div&gt;&lt;div align="left"&gt;&lt;br /&gt;
&lt;/div&gt;&lt;div align="left"&gt;&lt;strong&gt;O que é o gadget marcador&lt;/strong&gt;&lt;br /&gt;
&lt;/div&gt;&lt;div align="left"&gt;&lt;strong&gt;&lt;/strong&gt;É esse gadget que irá definir o menu do seu blog e classificar seus artigos. O marcador é conhecido também como etiqueta, label em inglês. Exemplo eu público algo como um Hack, ai é só eu colocar no marcador "Hacks". Isso irá facilitar a navegação dos visitantes. Veja um exemplo esse “Índice” são os diversos marcadores de um blog.&lt;br /&gt;
&lt;br /&gt;
&lt;/div&gt;&lt;div align="left"&gt;&lt;img alt="" border="0" src="http://i566.photobucket.com/albums/ss103/ramonrdsilva/marcadores1.png" style="cursor: hand; display: block; float: none; height: 237px; margin-left: auto; margin-right: auto; text-align: center; width: 187px;" /&gt;&lt;strong&gt;&lt;/strong&gt;&lt;br /&gt;
&lt;/div&gt;&lt;div align="left"&gt;&lt;strong&gt;Inserindo o gadget marcadores&lt;/strong&gt; &lt;br /&gt;
&lt;/div&gt;&lt;div align="left"&gt;Para inserir o gadget marcadores, vá em "&lt;strong&gt;Layout&lt;/strong&gt;" no painel do blogger e clique em "&lt;strong&gt;adicionar gadget&lt;/strong&gt;" escolha "&lt;strong&gt;Marcadores&lt;/strong&gt;". Veja:&lt;br /&gt;
&lt;/div&gt;&lt;div align="left"&gt;&lt;br /&gt;
&lt;/div&gt;&lt;div align="center"&gt;&lt;a href="http://i566.photobucket.com/albums/ss103/ramonrdsilva/marcadores4.png"&gt;&lt;img alt="" border="0" src="http://i566.photobucket.com/albums/ss103/ramonrdsilva/marcadores4535x338.png" style="cursor: hand; display: block; float: none; height: 213px; margin-left: auto; margin-right: auto; text-align: center; width: 338px;" /&gt;&lt;/a&gt;&lt;span style="font-size: 78%;"&gt;Clique na imagem para ampliar &lt;/span&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;/div&gt;&lt;div align="center"&gt;&lt;/div&gt;&lt;div align="left"&gt;&lt;strong&gt;Inserindo marcadores&lt;/strong&gt; &lt;strong&gt;nos posts&lt;/strong&gt;&lt;br /&gt;
&lt;/div&gt;&lt;div align="left"&gt;Para inserir um novo marcador, basta inserir o nome do marcador na caixa em branco que fica embaixo do editor de textos do blogger. Veja: &lt;br /&gt;
&lt;/div&gt;&lt;div align="center"&gt;&lt;span style="font-size: 78%;"&gt;&lt;/span&gt;&lt;br /&gt;
&lt;/div&gt;&lt;div style="text-align: center;"&gt;&lt;img alt="" border="0" src="http://i566.photobucket.com/albums/ss103/ramonrdsilva/marcadores2566x365.png" style="cursor: hand; display: block; float: none; height: 235px; margin-left: auto; margin-right: auto; text-align: center; width: 365px;" /&gt;&amp;nbsp;&lt;span style="font-size: 78%;"&gt;Clique na imagem para ampliar&lt;/span&gt; &lt;br /&gt;
&lt;/div&gt;&lt;br /&gt;
Inserido um marcador ele poderá ser usado para futuras postagens. Para visualizá-los basta clicar em "&lt;strong&gt;Mostrar Tudo&lt;/strong&gt;" do lado da caixa onde escrevemos o título do marcador. &lt;br /&gt;
&lt;div align="left"&gt;Temos também a opção de colocar marcadores em artigos já publicados sem precisar ir selecionando um por um, vá em "&lt;strong&gt;Editar postagens&lt;/strong&gt;" e procure por "&lt;strong&gt;ações de marcador&lt;/strong&gt;" (1), também possível visualizar os marcadores embaixo do título da postagem (2):&lt;br /&gt;
&lt;/div&gt;&lt;div align="left"&gt;&lt;br /&gt;
&lt;/div&gt;&lt;div style="text-align: center;"&gt;&lt;a href="http://i566.photobucket.com/albums/ss103/ramonrdsilva/marcadores3.png"&gt;&lt;img alt="" border="0" src="http://i566.photobucket.com/albums/ss103/ramonrdsilva/marcadores3562x335.png" style="cursor: hand; display: block; height: 200px; margin: 0px auto 10px; text-align: center; width: 335px;" /&gt;&lt;/a&gt;&lt;span style="font-size: 78%;"&gt;Clique na imagem para ampliar&lt;/span&gt;&lt;br /&gt;
&lt;/div&gt;&lt;div style="text-align: center;"&gt;&lt;br /&gt;
&lt;/div&gt;&lt;div style="text-align: center;"&gt;&lt;br /&gt;
&lt;/div&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/7017997865112550200-1528184253030115552?l=peloestilo.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel="replies" type="application/atom+xml" href="http://peloestilo.blogspot.com/feeds/1528184253030115552/comments/default" title="Postar comentários" /><link rel="replies" type="text/html" href="http://peloestilo.blogspot.com/2010/01/como-colocar-marcadores-no-blog.html#comment-form" title="1 Comentários" /><link rel="edit" type="application/atom+xml" href="http://www.blogger.com/feeds/7017997865112550200/posts/default/1528184253030115552?v=2" /><link rel="self" type="application/atom+xml" href="http://www.blogger.com/feeds/7017997865112550200/posts/default/1528184253030115552?v=2" /><link rel="alternate" type="text/html" href="http://peloestilo.blogspot.com/2010/01/como-colocar-marcadores-no-blog.html" title="Como colocar marcadores no blog" /><author><name>Ramon Ricardo</name><uri>http://www.blogger.com/profile/11118941238748511474</uri><email>noreply@blogger.com</email><gd:image rel="http://schemas.google.com/g/2005#thumbnail" width="32" height="24" src="http://4.bp.blogspot.com/_iS8YTSNIuCo/S7EwcaKLKhI/AAAAAAAABXc/8l1MmmRpUeE/S220/IMG001159.jpg" /></author><thr:total>1</thr:total></entry><entry gd:etag="W/&quot;A0EGSXg9cSp7ImA9WxBRE0Q.&quot;"><id>tag:blogger.com,1999:blog-7017997865112550200.post-8249424028635908354</id><published>2009-12-31T19:54:00.001-08:00</published><updated>2010-01-01T18:33:48.669-08:00</updated><app:edited xmlns:app="http://www.w3.org/2007/app">2010-01-01T18:33:48.669-08:00</app:edited><category scheme="http://www.blogger.com/atom/ns#" term="Primeiros Passos" /><title>Administrando a URL do seu blog</title><content type="html">&lt;a href="http://www.blogger.com/"&gt;&lt;/a&gt;&lt;a href="http://lh5.ggpht.com/_iS8YTSNIuCo/Sz1x0y6A5SI/AAAAAAAABTw/3-B-9ZNL66g/s1600-h/URL%5B7%5D.jpg"&gt;&lt;span id="goog_1262312076669"&gt;&lt;/span&gt;&lt;span id="goog_1262312076670"&gt;&lt;/span&gt;&lt;img alt="URL" border="0" height="238" src="http://lh4.ggpht.com/_iS8YTSNIuCo/Sz1x1Zj9olI/AAAAAAAABT0/QPvqYpjlWVc/URL_thumb%5B5%5D.jpg?imgmax=800" style="border-bottom: 0px; border-left: 0px; border-right: 0px; border-top: 0px; display: inline; margin-left: 0px; margin-right: 0px;" title="URL" width="240" /&gt;&lt;/a&gt;&lt;br /&gt;
&lt;br /&gt;
Nesse artigo vamos aprender a &lt;strong&gt;&lt;span style="color: #0080c0;"&gt;escolher, trocar e corrigir a URL do seu blog&lt;/span&gt;&lt;/strong&gt;.&lt;br /&gt;
&lt;br /&gt;
&lt;strong&gt;Escolhendo a URL certa para seu blog&lt;/strong&gt;&lt;br /&gt;
&lt;br /&gt;
Muitos usuários às vezes ficam em dúvida na escolha da URL para seus blogs. Então vou dar dicas de como escolher a URL certa, pois é de grande importância no blog.&lt;br /&gt;
A URL do seu blog tem que ser: Original, criativa, interessante, curta e fácil de memorizar e ter a ver com o tema do seu blog.&lt;br /&gt;
O ideal é que a URL do seu blog seja o nome do seu blog, pois seus leitores irão ler o nome do seu blog e por ele irão definir qual será o conteúdo presente no blog. Um exemplo é o meu blog “Pelo Estilo” tudo se remete a palavra estilo, no caso que tem o sentido de ter uma maneira de dizer escrever, ou seja, o meu jeito de escrever dando dicas sobre criação de blogs e tudo mais…&lt;br /&gt;
&lt;br /&gt;
&lt;strong&gt;Alterando o domínio do seu blog&lt;/strong&gt;&lt;br /&gt;
&lt;br /&gt;
Vejam que o final da URL de todos os blogs do blogger terá sempre o final blogspot.com que significa o domínio onde o blog está hospedado.&lt;br /&gt;
&lt;br /&gt;
Para conhecer a plataforma blogger e aprender a criar o seu blog. Leia:&lt;br /&gt;
&lt;ul&gt;&lt;li&gt;&lt;a href="http://peloestilo.blogspot.com/2009/12/blogger-parte-3-como-criar-um-blog.html"&gt;Blogger Parte 3 Como criar um blog&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="http://peloestilo.blogspot.com/2009/12/blogger-parte-2-desenvolvimento.html"&gt;Blogger Parte 2 Desenvolvimento&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="http://peloestilo.blogspot.com/2009/12/blogger-parte-1-introducao.html"&gt;Blogger Parte 1 Introdução&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;É possível você mudar o domínio do seu blog no caso se tiver sido criado no blogger iria trocar blogspot.com por .com, .com.br, .net e etc.. Fazendo isso seu endereço ficará ainda mais fácil de memorizar aumentando as visitas e deixando a URL mais elegante e profissional. Existem serviços específicos na web que fazem essa mudança de domínio é uma coisa fácil e barata um exemplo &lt;a href="http://site.locaweb.com.br/registro/"&gt;Locaweb&lt;/a&gt; eu ainda não criei artigos sobre como fazer isso mais é bem fácil.&lt;br /&gt;
&lt;br /&gt;
&lt;strong&gt;Alterando a URL do seu blog no blogger&lt;/strong&gt;&lt;br /&gt;
&lt;br /&gt;
Algumas vezes queremos trocar a URL do blog mantendo o blog como está. E também sem trocar o domínio no caso do blogger o blogspot.com e também quando ocorre o acidente de ter digitado a URL errada na hora que você está criando seu blog.&lt;br /&gt;
No blogger não tem rodeios é muito fácil essa troca, também tem a opção de escolher um domino personalizado com essa troca você não irá perder visitas, pois os mecanismos de buscas são avisados é tudo automático.&lt;br /&gt;
Entre com sua conta da Google no &lt;a href="http://blogger.com/"&gt;blogger&lt;/a&gt;, clique em “&lt;strong&gt;Configurações&lt;/strong&gt;” depois em “&lt;strong&gt;Publicação&lt;/strong&gt;” e onde está pedindo “&lt;strong&gt;Endereço do blogspot&lt;/strong&gt;” você digita sua nova URL&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;div class="separator" style="clear: both; text-align: center;"&gt;&lt;a href="http://i566.photobucket.com/albums/ss103/ramonrdsilva/URL2.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"&gt;&lt;img border="0" height="245" ps="true" src="http://i566.photobucket.com/albums/ss103/ramonrdsilva/URL2.jpg" width="320" /&gt;&lt;/a&gt;&lt;br /&gt;
&lt;/div&gt;&lt;div style="text-align: center;"&gt;&lt;span style="font-size: x-small;"&gt;Clique na imagem para ampliar&lt;/span&gt;&lt;br /&gt;
&lt;/div&gt;&lt;div style="text-align: center;"&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;/div&gt;&lt;div style="text-align: left;"&gt;Para acompanhar todos os artigos dessa serie, leia:&lt;br /&gt;
&lt;/div&gt;&lt;div style="text-align: left;"&gt;&lt;a href="http://peloestilo.blogspot.com/2009/12/escolhendo-um-tema-e-agradando-os.html"&gt;Escolhendo o tema certo para você e para os leitores&lt;/a&gt;&lt;br /&gt;
&lt;/div&gt;&lt;div style="text-align: left;"&gt;&lt;a href="http://peloestilo.blogspot.com/2009/12/sobre-criatividade-no-blog.html"&gt;Sobre a criatividade no blog&lt;/a&gt;&lt;br /&gt;
&lt;/div&gt;&lt;div style="text-align: left;"&gt;&lt;br /&gt;
&lt;/div&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/7017997865112550200-8249424028635908354?l=peloestilo.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel="replies" type="application/atom+xml" href="http://peloestilo.blogspot.com/feeds/8249424028635908354/comments/default" title="Postar comentários" /><link rel="replies" type="text/html" href="http://peloestilo.blogspot.com/2009/12/administrando-url-do-seu-blog.html#comment-form" title="14 Comentários" /><link rel="edit" type="application/atom+xml" href="http://www.blogger.com/feeds/7017997865112550200/posts/default/8249424028635908354?v=2" /><link rel="self" type="application/atom+xml" href="http://www.blogger.com/feeds/7017997865112550200/posts/default/8249424028635908354?v=2" /><link rel="alternate" type="text/html" href="http://peloestilo.blogspot.com/2009/12/administrando-url-do-seu-blog.html" title="Administrando a URL do seu blog" /><author><name>Ramon Ricardo</name><uri>http://www.blogger.com/profile/11118941238748511474</uri><email>noreply@blogger.com</email><gd:image rel="http://schemas.google.com/g/2005#thumbnail" width="32" height="24" src="http://4.bp.blogspot.com/_iS8YTSNIuCo/S7EwcaKLKhI/AAAAAAAABXc/8l1MmmRpUeE/S220/IMG001159.jpg" /></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="http://lh4.ggpht.com/_iS8YTSNIuCo/Sz1x1Zj9olI/AAAAAAAABT0/QPvqYpjlWVc/s72-c/URL_thumb%5B5%5D.jpg?imgmax=800" height="72" width="72" /><thr:total>14</thr:total></entry><entry gd:etag="W/&quot;D0YDRXs_cCp7ImA9WxBREk8.&quot;"><id>tag:blogger.com,1999:blog-7017997865112550200.post-5585799449802948245</id><published>2009-12-30T18:03:00.001-08:00</published><updated>2009-12-30T18:06:14.548-08:00</updated><app:edited xmlns:app="http://www.w3.org/2007/app">2009-12-30T18:06:14.548-08:00</app:edited><category scheme="http://www.blogger.com/atom/ns#" term="Seo" /><title>KeyWord Tool – Ferramenta de Palavras-Chave</title><content type="html">&lt;div&gt;&lt;a href="https://adwords.google.com.br/select/KeywordToolExternal"&gt;&lt;img alt="" border="0" src="http://i566.photobucket.com/albums/ss103/ramonrdsilva/2534702047-v2-google_small.gif" style="cursor: hand; display: block; float: none; height: 59px; margin-left: auto; margin-right: auto; text-align: center; width: 143px;" /&gt;&lt;/a&gt;Vamos conhecer uma ferramenta da Google: &lt;strong&gt;&lt;span style="color: #0080c0;"&gt;Google Adwords Keyword Tools&lt;/span&gt;&lt;/strong&gt; é uma ferramenta voltada para Adwords, mas também muito útil para SEO na hora da escolha de keywords, ele mostra o grau de competição pela keyword e o volume de buscas, complementando o google trends, mas nesse caso com uma quantidade muito maior de resultados.&lt;br /&gt;
&lt;/div&gt;&lt;div&gt;&lt;br /&gt;
&lt;/div&gt;&lt;div&gt;&lt;img alt="" border="0" src="http://i566.photobucket.com/albums/ss103/ramonrdsilva/google-adwords480x310.gif" style="cursor: hand; display: block; height: 200px; margin: 0px auto 10px; text-align: center; width: 310px;" /&gt; Resumindo: Ele mostra o grau de competição pela keyword e o volume de buscas, com uma grande quantidade de resultados. &lt;br /&gt;
Dica: Utilize essa ferramenta para definir a descrição do seu blog.&lt;br /&gt;
&lt;/div&gt;&lt;div&gt;&lt;br /&gt;
&lt;/div&gt;&lt;div&gt;Acesse: &lt;a href="https://adwords.google.com.br/select/KeywordToolExternal"&gt;https://adwords.google.com.br/select/KeywordToolExternal&lt;/a&gt;&lt;br /&gt;
&lt;br /&gt;
Leia também:&lt;br /&gt;
&lt;/div&gt;&lt;h5&gt;&lt;a href="http://peloestilo.blogspot.com/2009/12/google-trends-ferramenta-para-pesquisa.html"&gt;Google Trends – ferramenta para pesquisa de volume de buscas&lt;/a&gt;&lt;/h5&gt;&lt;h5&gt;&lt;a href="http://peloestilo.blogspot.com/2009/12/meta-tags-descricao-e-palavras-chave.html"&gt;Meta Tags - Descrição e palavras chave&lt;/a&gt;&lt;/h5&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/7017997865112550200-5585799449802948245?l=peloestilo.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel="replies" type="application/atom+xml" href="http://peloestilo.blogspot.com/feeds/5585799449802948245/comments/default" title="Postar comentários" /><link rel="replies" type="text/html" href="http://peloestilo.blogspot.com/2009/12/keyword-tool-ferramenta-de-palavras.html#comment-form" title="0 Comentários" /><link rel="edit" type="application/atom+xml" href="http://www.blogger.com/feeds/7017997865112550200/posts/default/5585799449802948245?v=2" /><link rel="self" type="application/atom+xml" href="http://www.blogger.com/feeds/7017997865112550200/posts/default/5585799449802948245?v=2" /><link rel="alternate" type="text/html" href="http://peloestilo.blogspot.com/2009/12/keyword-tool-ferramenta-de-palavras.html" title="KeyWord Tool – Ferramenta de Palavras-Chave" /><author><name>Ramon Ricardo</name><uri>http://www.blogger.com/profile/11118941238748511474</uri><email>noreply@blogger.com</email><gd:image rel="http://schemas.google.com/g/2005#thumbnail" width="32" height="24" src="http://4.bp.blogspot.com/_iS8YTSNIuCo/S7EwcaKLKhI/AAAAAAAABXc/8l1MmmRpUeE/S220/IMG001159.jpg" /></author><thr:total>0</thr:total></entry><entry gd:etag="W/&quot;D0UMRX0ycCp7ImA9WxBREk8.&quot;"><id>tag:blogger.com,1999:blog-7017997865112550200.post-6418169819062148162</id><published>2009-12-30T17:44:00.001-08:00</published><updated>2009-12-30T18:08:04.398-08:00</updated><app:edited xmlns:app="http://www.w3.org/2007/app">2009-12-30T18:08:04.398-08:00</app:edited><category scheme="http://www.blogger.com/atom/ns#" term="Seo" /><category scheme="http://www.blogger.com/atom/ns#" term="Divulgação" /><title>Meta Tags - Descrição e palavras chave</title><content type="html">&lt;img alt="" border="0" src="http://i566.photobucket.com/albums/ss103/ramonrdsilva/meta-tag.jpg" style="display: block; float: none; height: 300px; margin-left: auto; margin-right: auto; text-align: center; width: 450px;" /&gt;Vamos ver o que são &lt;strong&gt;&lt;span style="color: #0080c0;"&gt;meta tags&lt;/span&gt;&lt;/strong&gt; e aprender a implantá-las. &lt;strong&gt;&lt;/strong&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;strong&gt;O que são&lt;/strong&gt;&lt;br /&gt;
&lt;div&gt;&lt;div style="background-color: #e6e6e6; border-bottom: #cccccc 1px solid; border-left: #cccccc 1px solid; border-right: #cccccc 1px solid; border-top: #cccccc 1px solid; padding-bottom: 3px; padding-left: 3px; padding-right: 3px; padding-top: 3px; width: 485px;"&gt;“É um elemento do código do HTML em um site, usado pelos sites de busca para facilitar a leitura do conteúdo de um site. A maioria das Meta-Tags são incluídas dentro do código HTML, no “cabeçalho” e não são visualizados pelos usuários. As Tags mais importantes são: título, descrição e de palavras-chave, que ajudam a passar informações aos robôs dos Sites de busca. Existem regras diferentes para cada mecanismo de busca, em relação a quantos caracteres essas tags devem conter ou em relação à maneira que elas são formatadas. As Meta Tags já tiveram funções importantes na relevância dos resultados de busca, mas atualmente nos principais buscadores influenciam apenas o texto do resultado, sem ter qualquer influência no posicionamento.”&lt;br /&gt;
&lt;/div&gt;&lt;/div&gt;&lt;div&gt;Fonte: &lt;a href="http://www.jumpmedia.com.br/glossario.htm" target="_blank"&gt;jumpmedia&lt;/a&gt;&lt;br /&gt;
&lt;/div&gt;&lt;div&gt;&lt;br /&gt;
&lt;/div&gt;&lt;div&gt;&lt;/div&gt;&lt;div&gt;&lt;strong&gt;Como Implantar as meta-tags&lt;/strong&gt;&lt;br /&gt;
&lt;/div&gt;&lt;div&gt;Atualmente se fala muito em SEO (Search Engine Optimization) ou em português otimização de sites, este é um nome bonito que gera mais visitas para o seu blog com bons resultados.&lt;br /&gt;
&lt;/div&gt;&lt;div&gt;&lt;br /&gt;
&lt;/div&gt;&lt;div&gt;&lt;/div&gt;&lt;div&gt;É bem fácil veja:&lt;br /&gt;
&lt;/div&gt;&lt;div&gt;&lt;/div&gt;&lt;div&gt;&lt;div style="background-color: #e6e6e6; border-bottom: #cccccc 1px solid; border-left: #cccccc 1px solid; border-right: #cccccc 1px solid; border-top: #cccccc 1px solid; padding-bottom: 3px; padding-left: 3px; padding-right: 3px; padding-top: 3px; width: 485px;"&gt;&amp;lt;b:if cond='data:blog.pageType == "index"'&amp;gt; &amp;lt;meta content='descricao do blog' name='description'/&amp;gt; &amp;lt;meta content='dicas,template' name='keywords'/&amp;gt; &amp;lt;meta content='seu nome' name='author'/&amp;gt; &amp;lt;/b:if&amp;gt; &lt;br /&gt;
&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;br /&gt;
Basta você escrever a descrição do blog, seu nome, e colocar as palavras que tem alguma relação com seu conteúdo. Nas keywords separe os itens com vírgulas.&lt;br /&gt;
&lt;/div&gt;&lt;div&gt;&lt;br /&gt;
&lt;/div&gt;&lt;div&gt;&lt;/div&gt;&lt;div&gt;&lt;strong&gt;Dica:&lt;/strong&gt; Para você saber as frases ou o conjunto de palavras mais pesquisadas, Leia:&lt;br /&gt;
&lt;/div&gt;&lt;ul&gt;&lt;li&gt;&lt;a href="http://peloestilo.blogspot.com/2009/12/keyword-tool-ferramenta-de-palavras.html"&gt;KeyWord Tool – Ferramenta de Palavras-Chave&lt;/a&gt; &lt;/li&gt;
&lt;li&gt;&lt;a href="http://peloestilo.blogspot.com/2009/12/google-trends-ferramenta-para-pesquisa.html"&gt;Google Trends – ferramenta para pesquisa de volume de buscas&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;Assim você poderá criar uma boa descrição para o seu blog!&lt;br /&gt;
&lt;div&gt;&lt;br /&gt;
&lt;/div&gt;&lt;div&gt;Para colocar o código acima em seu blog&lt;br /&gt;
&lt;/div&gt;&lt;div&gt;&lt;/div&gt;&lt;div&gt;Entre em Layout/Editar HTML, clique em expandir modelos de widgets e coloque o código entre:&lt;br /&gt;
&lt;/div&gt;&lt;div&gt;&lt;br /&gt;
&lt;/div&gt;&lt;div&gt;&lt;/div&gt;&lt;div&gt;&lt;strong&gt;&amp;lt;b:include data='blog' name='all-head-content'/&amp;gt; e &amp;lt;title&amp;gt;&amp;lt;data:blog.pageTitle/&amp;gt;&amp;lt;/title&amp;gt;&lt;/strong&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;/div&gt;&lt;div&gt;Ficará assim:&lt;br /&gt;
&lt;/div&gt;&lt;div&gt;&lt;/div&gt;&lt;div&gt;&lt;div style="background-color: #e6e6e6; border-bottom: #cccccc 1px solid; border-left: #cccccc 1px solid; border-right: #cccccc 1px solid; border-top: #cccccc 1px solid; padding-bottom: 3px; padding-left: 3px; padding-right: 3px; padding-top: 3px; width: 485px;"&gt;&amp;lt;b:include data='blog' name='all-head-content'/&amp;gt; &amp;lt;b:if cond='data:blog.pageType ==&amp;amp;quot;index&amp;amp;quot;'&amp;gt; &amp;lt;meta content='descricao do blog' name='description'/&amp;gt; &amp;lt;meta content='dicas,template' name='keywords'/&amp;gt; &amp;lt;meta content='seu nome' name='author'/&amp;gt; &amp;lt;/b:if&amp;gt; &amp;lt;title&amp;gt;&amp;lt;data:blog.title/&amp;gt;&amp;lt;/title&amp;gt;&lt;br /&gt;
&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;/div&gt;&lt;div&gt;&lt;br /&gt;
&lt;/div&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/7017997865112550200-6418169819062148162?l=peloestilo.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel="replies" type="application/atom+xml" href="http://peloestilo.blogspot.com/feeds/6418169819062148162/comments/default" title="Postar comentários" /><link rel="replies" type="text/html" href="http://peloestilo.blogspot.com/2009/12/meta-tags-descricao-e-palavras-chave.html#comment-form" title="1 Comentários" /><link rel="edit" type="application/atom+xml" href="http://www.blogger.com/feeds/7017997865112550200/posts/default/6418169819062148162?v=2" /><link rel="self" type="application/atom+xml" href="http://www.blogger.com/feeds/7017997865112550200/posts/default/6418169819062148162?v=2" /><link rel="alternate" type="text/html" href="http://peloestilo.blogspot.com/2009/12/meta-tags-descricao-e-palavras-chave.html" title="Meta Tags - Descrição e palavras chave" /><author><name>Ramon Ricardo</name><uri>http://www.blogger.com/profile/11118941238748511474</uri><email>noreply@blogger.com</email><gd:image rel="http://schemas.google.com/g/2005#thumbnail" width="32" height="24" src="http://4.bp.blogspot.com/_iS8YTSNIuCo/S7EwcaKLKhI/AAAAAAAABXc/8l1MmmRpUeE/S220/IMG001159.jpg" /></author><thr:total>1</thr:total></entry><entry gd:etag="W/&quot;D0MARXY9fCp7ImA9WxBREk8.&quot;"><id>tag:blogger.com,1999:blog-7017997865112550200.post-4622274583093948827</id><published>2009-12-30T17:26:00.001-08:00</published><updated>2009-12-30T18:10:44.864-08:00</updated><app:edited xmlns:app="http://www.w3.org/2007/app">2009-12-30T18:10:44.864-08:00</app:edited><category scheme="http://www.blogger.com/atom/ns#" term="Seo" /><title>Google Trends – ferramenta para pesquisa de volume de buscas</title><content type="html">&lt;div&gt;&lt;img alt="" border="0" src="http://i566.photobucket.com/albums/ss103/ramonrdsilva/trends_logo_lg.gif" style="border-bottom: 0px; border-left: 0px; border-right: 0px; border-top: 0px; cursor: hand; display: block; float: none; height: 115px; margin-left: auto; margin-right: auto; text-align: center; width: 280px;" /&gt;Vamos conhecer uma das ferramentas do google: O &lt;strong&gt;&lt;span style="color: #0080c0;"&gt;Google Trends&lt;/span&gt;&lt;/strong&gt; é uma ferramenta para pesquisa de volume de buscas, onde você pode pesquisar até cinco keywords ou frases simultaneamente, basta utilizar vírgulas para separá-las, e o resultado será apresentado na forma de gráfico. Alguns trechos do gráfico são marcados e relacionados com algum evento.&lt;br /&gt;
&lt;br /&gt;
&lt;/div&gt;&lt;div&gt;&lt;/div&gt;&lt;img alt="" border="0" src="http://i566.photobucket.com/albums/ss103/ramonrdsilva/googletrends500x365.jpg" style="cursor: hand; display: block; float: none; height: 267px; margin-left: auto; margin-right: auto; text-align: center; width: 365px;" /&gt;&lt;strong&gt;&lt;/strong&gt;&lt;br /&gt;
&lt;strong&gt;Acesse: http://www.google.com/trends&lt;/strong&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;strong&gt;Experimente também:&lt;/strong&gt;&lt;br /&gt;
&lt;div&gt;O &lt;a href="http://www.google.com/webhp?complete=1&amp;amp;hl=en"&gt;Google Suggest&lt;/a&gt;, da sugestão de buscas, basta escreverem a primeira keyword e as sugestões aparecerão.&lt;br /&gt;
&lt;br /&gt;
&lt;/div&gt;&lt;div&gt;Leia também:&lt;/div&gt;&lt;div&gt;&lt;a href="http://peloestilo.blogspot.com/2009/12/meta-tags-descricao-e-palavras-chave.html"&gt;Meta Tags - Descrição e palavras chave&lt;/a&gt; &lt;br /&gt;
&lt;a href="http://peloestilo.blogspot.com/2009/12/keyword-tool-ferramenta-de-palavras.html"&gt;KeyWord Tool – Ferramenta de Palavras-Chave &lt;/a&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;/div&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/7017997865112550200-4622274583093948827?l=peloestilo.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel="replies" type="application/atom+xml" href="http://peloestilo.blogspot.com/feeds/4622274583093948827/comments/default" title="Postar comentários" /><link rel="replies" type="text/html" href="http://peloestilo.blogspot.com/2009/12/google-trends-ferramenta-para-pesquisa.html#comment-form" title="0 Comentários" /><link rel="edit" type="application/atom+xml" href="http://www.blogger.com/feeds/7017997865112550200/posts/default/4622274583093948827?v=2" /><link rel="self" type="application/atom+xml" href="http://www.blogger.com/feeds/7017997865112550200/posts/default/4622274583093948827?v=2" /><link rel="alternate" type="text/html" href="http://peloestilo.blogspot.com/2009/12/google-trends-ferramenta-para-pesquisa.html" title="Google Trends – ferramenta para pesquisa de volume de buscas" /><author><name>Ramon Ricardo</name><uri>http://www.blogger.com/profile/11118941238748511474</uri><email>noreply@blogger.com</email><gd:image rel="http://schemas.google.com/g/2005#thumbnail" width="32" height="24" src="http://4.bp.blogspot.com/_iS8YTSNIuCo/S7EwcaKLKhI/AAAAAAAABXc/8l1MmmRpUeE/S220/IMG001159.jpg" /></author><thr:total>0</thr:total></entry><entry gd:etag="W/&quot;Ak4DSHo5cCp7ImA9WxBRE0w.&quot;"><id>tag:blogger.com,1999:blog-7017997865112550200.post-1810204591036087074</id><published>2009-12-29T19:42:00.001-08:00</published><updated>2009-12-31T20:09:39.428-08:00</updated><app:edited xmlns:app="http://www.w3.org/2007/app">2009-12-31T20:09:39.428-08:00</app:edited><category scheme="http://www.blogger.com/atom/ns#" term="Primeiros Passos" /><title>Sobre a criatividade no blog</title><content type="html">&lt;a href="http://lh4.ggpht.com/_iS8YTSNIuCo/SzrMDI_hy0I/AAAAAAAABTo/ixFDyoP1PvY/s1600-h/criatividade%5B10%5D.jpg"&gt;&lt;img alt="criatividade" border="0" height="266" src="http://lh3.ggpht.com/_iS8YTSNIuCo/SzrMDmBmfeI/AAAAAAAABTs/Nlz0c44aEcU/criatividade_thumb%5B8%5D.jpg?imgmax=800" style="border-bottom: 0px; border-left: 0px; border-right: 0px; border-top: 0px; display: block; float: none; margin-left: auto; margin-right: auto;" title="criatividade" width="210" /&gt;&lt;/a&gt;&lt;br /&gt;
Continuando as dicas essências para ter um blog de sucesso, hoje falaremos um pouco de &lt;strong&gt;&lt;span style="color: #0080c0;"&gt;criatividade&lt;/span&gt;&lt;/strong&gt;.&lt;br /&gt;
&lt;blockquote&gt;Existem várias definições diferentes para &lt;b&gt;criatividade&lt;/b&gt;. Para Ghiselin (1952), &lt;i&gt;"é o processo de mudança, de desenvolvimento, de evolução na organização da vida subjetiva"&lt;/i&gt;. Segundo Flieger (1978), &lt;i&gt;"manipulamos símbolos ou objetos externos para produzir um evento incomum para nós ou para nosso meio"&lt;/i&gt;.&lt;br /&gt;
Todo ser humano possui criatividade em diferentes habilidades. Acredita-se que a habilidade criativa das pessoas esteja de certa forma ligadas a seus talentos.Fonte: &lt;a href="http://pt.wikipedia.org/"&gt;Wikipédia&lt;/a&gt;&lt;br /&gt;
&lt;/blockquote&gt;Para você que está começando o seu blog agora e pretende obter algum sucesso com ele e se destacar entre os grandes blogs é imprescindível que você tenha &lt;span style="color: #0080c0;"&gt;&lt;strong&gt;criatividade&lt;/strong&gt;&lt;/span&gt;&lt;span style="color: black;"&gt;.&lt;/span&gt;&lt;br /&gt;
&lt;br /&gt;
No mundo concorrido dos blogs (blogosfera) a toda hora surgem novas idéias e opiniões e você só é mais um no meio disso tudo, mas não desista é possível você se destacar e fazer com que seu blog apareça nas pesquisas.&lt;br /&gt;
&lt;br /&gt;
Uma dica importante é que você faça uma &lt;strong&gt;boa descrição do seu blog&lt;/strong&gt;, recomenda-se que a descrição seja curta e que deixe claro do que terá no blog.&lt;br /&gt;
&lt;br /&gt;
Dica: Para auxiliar você na formação da descrição do seu blog. Leia: &lt;br /&gt;
&lt;a href="http://peloestilo.blogspot.com/2009/12/google-trends-ferramenta-para-pesquisa.html"&gt;Google Trends - ferramenta para pesquisa de volume de buscas&lt;/a&gt;&lt;br /&gt;
&lt;a href="http://peloestilo.blogspot.com/2009/12/meta-tags-descricao-e-palavras-chave.html"&gt;Meta Tags - Descrição e palavras chave&lt;/a&gt;&lt;br /&gt;
&lt;br /&gt;
Pesquise os grandes blogs do mesmo nicho do seu e busque &lt;strong&gt;inovação&lt;/strong&gt; em algum aspecto que você considere que consistirá em crescimento para o seu blog e o levará ao topo.&lt;br /&gt;
&lt;br /&gt;
A criatividade de um blog passa por diversos tópicos como: tema do blog, nome, template, assuntos e muitas outras coisas. Estude todos os tópicos e busque aplicar suas idéias criando assim um blog &lt;strong&gt;relevante e inovado&lt;/strong&gt; na blogosfera.&lt;br /&gt;
&lt;br /&gt;
Para acompanhar todos os artigos dessa serie, leia:&lt;br /&gt;
&lt;h5&gt;&lt;a href="http://peloestilo.blogspot.com/2009/12/escolhendo-um-tema-e-agradando-os.html"&gt;&lt;span style="font-size: small;"&gt;Escolhendo o tema certo para você e para os leitores&lt;/span&gt;&lt;/a&gt;&lt;/h5&gt;&lt;a href="http://peloestilo.blogspot.com/2009/12/administrando-url-do-seu-blog.html"&gt;Administrando a URL do seu blog&lt;/a&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/7017997865112550200-1810204591036087074?l=peloestilo.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel="replies" type="application/atom+xml" href="http://peloestilo.blogspot.com/feeds/1810204591036087074/comments/default" title="Postar comentários" /><link rel="replies" type="text/html" href="http://peloestilo.blogspot.com/2009/12/sobre-criatividade-no-blog.html#comment-form" title="0 Comentários" /><link rel="edit" type="application/atom+xml" href="http://www.blogger.com/feeds/7017997865112550200/posts/default/1810204591036087074?v=2" /><link rel="self" type="application/atom+xml" href="http://www.blogger.com/feeds/7017997865112550200/posts/default/1810204591036087074?v=2" /><link rel="alternate" type="text/html" href="http://peloestilo.blogspot.com/2009/12/sobre-criatividade-no-blog.html" title="Sobre a criatividade no blog" /><author><name>Ramon Ricardo</name><uri>http://www.blogger.com/profile/11118941238748511474</uri><email>noreply@blogger.com</email><gd:image rel="http://schemas.google.com/g/2005#thumbnail" width="32" height="24" src="http://4.bp.blogspot.com/_iS8YTSNIuCo/S7EwcaKLKhI/AAAAAAAABXc/8l1MmmRpUeE/S220/IMG001159.jpg" /></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="http://lh3.ggpht.com/_iS8YTSNIuCo/SzrMDmBmfeI/AAAAAAAABTs/Nlz0c44aEcU/s72-c/criatividade_thumb%5B8%5D.jpg?imgmax=800" height="72" width="72" /><thr:total>0</thr:total></entry></feed>

