<?xml version='1.0' encoding='UTF-8'?><?xml-stylesheet href="http://www.blogger.com/styles/atom.css" type="text/css"?><feed xmlns='http://www.w3.org/2005/Atom' xmlns:openSearch='http://a9.com/-/spec/opensearchrss/1.0/' xmlns:blogger='http://schemas.google.com/blogger/2008' xmlns:georss='http://www.georss.org/georss' xmlns:gd="http://schemas.google.com/g/2005" xmlns:thr='http://purl.org/syndication/thread/1.0'><id>tag:blogger.com,1999:blog-8674846264785641194</id><updated>2024-11-08T13:36:40.053-03:00</updated><category term="Dicas para Blog"/><category term="Variedades"/><category term="Tutorial"/><category term="Blogosfera"/><category term="Assuntos Relevantes"/><category term="Utilidades"/><category term="Como Criar um Blog"/><category term="Serviços Gratuitos"/><category term="Postagens"/><category term="Adsense"/><category term="Background"/><category term="Contato"/><category term="Domínio próprio"/><category term="Ganhar Dinheiro"/><category term="Imagens"/><category term="Primeiros Passos"/><category term="Seo"/><category term="Sistemas Operacionais"/><category term="WP Posts"/><title type='text'>Dicas Para Blogs Br</title><subtitle type='html'>tutoriais, dicas e ferramentas, para editar seu blog com qualidade. Templates, gadgets, dicas e outras ferramentas para Blogger Mais visitas, Adsense Assuntos Relevantes, Background, Blogosfera, Como Criar um Blog, Contato, Conteúdo, Dicas para Blog, Domínio próprio, Ganhar Dinheiro, Imagens, Iniciantes, Mais visitas, Postagens, Primeiros Passos, Redes Sociais, Seo, Serviços Gratuitos, Sistemas Operacionais, Sites Úteis, Tutorial, Utilidades, Variedades, Video Tutorial, WP, Posts</subtitle><link rel='http://schemas.google.com/g/2005#feed' type='application/atom+xml' href='http://dicasparablogsbr.blogspot.com/feeds/posts/default'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/8674846264785641194/posts/default'/><link rel='alternate' type='text/html' href='http://dicasparablogsbr.blogspot.com/'/><link rel='hub' href='http://pubsubhubbub.appspot.com/'/><link rel='next' type='application/atom+xml' href='http://www.blogger.com/feeds/8674846264785641194/posts/default?start-index=26&amp;max-results=25'/><author><name>Paulo Cesar</name><uri>http://www.blogger.com/profile/01101463881033703802</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='32' height='20' src='//blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgEKwgifFohsHgBXvpG2mRUIPup0ajV-u_QOZWiwNeSjguSS4YgTevYVnuHwIPb280PaGJPbZOwi1SBAyQxEaUQANA9GpP_yfwIA_mWanaGLlQzu4qAFMMjEDnfG7hFztI/s1600/ELEVADOR%252BLACERDA.jpg'/></author><generator version='7.00' uri='http://www.blogger.com'>Blogger</generator><openSearch:totalResults>52</openSearch:totalResults><openSearch:startIndex>1</openSearch:startIndex><openSearch:itemsPerPage>25</openSearch:itemsPerPage><entry><id>tag:blogger.com,1999:blog-8674846264785641194.post-2274978304386965941</id><published>2013-07-22T22:56:00.000-03:00</published><updated>2013-07-22T22:57:56.949-03:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="Dicas para Blog"/><category scheme="http://www.blogger.com/atom/ns#" term="Postagens"/><title type='text'>Motivos para não comprar um domínio próprio</title><content type='html'>&lt;span style=&quot;background-color: white; color: #5c5c5c; font-family: Tahoma, arial, sans-serif; font-size: 14px; line-height: 22px; text-align: justify;&quot;&gt;Ter um domínio próprio no blog pode gerar algumas dificuldades e dessabores. Nem sempre tudo é as mil maravilhas ao adquirir um domínio personalizado, ainda que a maioria das recomendações na internet, incluindo as minhas, são para que todo blog tenha o seu domínio próprio registrado, conforme orientamos no artigo &quot;É importante registrar todos os domínios?&quot;, alguns pontos podem tombar a favor do não registro.&lt;/span&gt;&lt;br /&gt;
&lt;div style=&quot;background-color: white; color: #5c5c5c; font-family: Tahoma, arial, sans-serif; font-size: 14px; line-height: 22px; text-align: justify;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;background-color: white; clear: both; color: #5c5c5c; font-family: Tahoma, arial, sans-serif; font-size: 14px; line-height: 22px; text-align: center;&quot;&gt;
&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiJ5rRr2xRzaVL8bzaO1rCE5UoJMi0CJ0OT6NmL5F5Yfe1zTjArpSSb5KC5rFVJVSSEMywFIfPSiyXC1ArSKi0iGGh-rrJSNZVvHreOifhnVKWdbArLKGO34TD5aGiRmnxHXGDmxdIK5Gqp/s1600/top-level-domain.jpg&quot; imageanchor=&quot;1&quot; style=&quot;color: #18538a; margin-left: 1em; margin-right: 1em; text-decoration: none;&quot;&gt;&lt;img alt=&quot;&quot; border=&quot;0&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiJ5rRr2xRzaVL8bzaO1rCE5UoJMi0CJ0OT6NmL5F5Yfe1zTjArpSSb5KC5rFVJVSSEMywFIfPSiyXC1ArSKi0iGGh-rrJSNZVvHreOifhnVKWdbArLKGO34TD5aGiRmnxHXGDmxdIK5Gqp/s1600/top-level-domain.jpg&quot; style=&quot;-webkit-box-shadow: rgba(0, 0, 0, 0.0980392) 1px 1px 5px; border: 1px solid rgb(242, 242, 242); box-shadow: rgba(0, 0, 0, 0.0980392) 1px 1px 5px; padding: 5px; position: relative;&quot; title=&quot;Dominio com net org com.br&quot; /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;div style=&quot;background-color: white; color: #5c5c5c; font-family: Tahoma, arial, sans-serif; font-size: 14px; line-height: 22px; text-align: justify;&quot;&gt;
&lt;div&gt;
&lt;br /&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;h3 style=&quot;margin: 0px; position: relative;&quot;&gt;
&lt;span style=&quot;color: red;&quot;&gt;1) Não precisa se preocupar com a renovação anual&lt;/span&gt;&lt;/h3&gt;
&lt;div&gt;
Se você quiser ter o seu domínio &quot;pra sempre&quot; terá que renová-lo todo ano e não adianta chorar! Por mais que o termo comprar signifique que o bem lhe pertencerá para sempre, esse não é o significado pleno do termo quando se trata de domínios personalizados. O prazo mínimo de adquisição é de um ano, podendo ser registrado por um tempo maior, conforme o registrador escolhido. No&lt;a href=&quot;http://www.dicasblogger.com.br/2012/10/como-configurar-um-novo-dominio-no.html&quot; style=&quot;color: #18538a; text-decoration: none;&quot; target=&quot;_blank&quot;&gt;&amp;nbsp;Go Daddy&lt;/a&gt;, por exemplo, o domínio pode ser registrado por até 10 anos. Enquanto que no&amp;nbsp;&lt;a href=&quot;http://www.dicasblogger.com.br/2012/09/como-configurar-um-novo-dominio-no-uol-host.html&quot; style=&quot;color: #18538a; text-decoration: none;&quot; target=&quot;_blank&quot;&gt;Uol Host&lt;/a&gt;, o registro é por, no máximo, um ano. Bem! Tá na hora do Uol Host repensar o jeito de comercializar os seus serviços. Isso quer dizer que se você esquecer ou deixar o prazo passar, adeus domínio.&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;h3 style=&quot;margin: 0px; position: relative;&quot;&gt;
&lt;span style=&quot;color: red;&quot;&gt;2) Não paga nada para manter seu blog no ar&lt;/span&gt;&lt;/h3&gt;
&lt;div&gt;
Quando você escolhe uma plataforma gratuita de hospedagem para o blog, você ganha a hospedagem e um subdomínio gratuito. Por exemplo, www.blogdachiquinha.webnode.com.br ou&amp;nbsp;www.blogdachiquinha.blogspot.com, o que irá variar de acordo com a plataforma escolhida. Além disso, um domínio próprio custa, no mínimo, R$ 19,90 por ao ano, para mais ou para menos. Mas, se você precisar hospedar o seu blog em um serviço pago, terá que pagar mais R$ 14,90, por mês, no mínimo, variando de acordo com o plano contratado.&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;h3 style=&quot;margin: 0px; position: relative;&quot;&gt;
&lt;span style=&quot;color: red;&quot;&gt;3) Não tem seus dados pessoais exibidos na internet (&lt;i&gt;a considerar&lt;/i&gt;)&lt;/span&gt;&lt;/h3&gt;
&lt;div&gt;
Uma das maiores preocupações com a contratação é a&lt;/div&gt;
&lt;div&gt;
&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhFe5Rk51IzejSiGSaZDBMLh0Bp3srxL4CnVOpzEfEwC7vATRCmVQqEepKe1qoBpHXXGrvjpvM0xec2WShVRus-N6rpcwLQaONsn877L9Jqwmhyphi38B_XrIYTRCa6gQzhhSOIMIWeF7Eh/s1600/TERMOS-PRIVACIDADE-WEB.jpg&quot; imageanchor=&quot;1&quot; style=&quot;clear: right; color: #18538a; float: right; margin-bottom: 1em; margin-left: 1em; text-decoration: none;&quot;&gt;&lt;img alt=&quot;&quot; border=&quot;0&quot; height=&quot;150&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhFe5Rk51IzejSiGSaZDBMLh0Bp3srxL4CnVOpzEfEwC7vATRCmVQqEepKe1qoBpHXXGrvjpvM0xec2WShVRus-N6rpcwLQaONsn877L9Jqwmhyphi38B_XrIYTRCa6gQzhhSOIMIWeF7Eh/s200/TERMOS-PRIVACIDADE-WEB.jpg&quot; style=&quot;-webkit-box-shadow: rgba(0, 0, 0, 0.0980392) 1px 1px 5px; border: 1px solid rgb(242, 242, 242); box-shadow: rgba(0, 0, 0, 0.0980392) 1px 1px 5px; padding: 5px; position: relative;&quot; title=&quot;Dominio protegido bloqueio cadeado&quot; width=&quot;200&quot; /&gt;&lt;/a&gt;exposição de dados pessoais na internet. Infelizmente, a transparência coletiva se sobressai à privacidade de informações pessoais. Os domínios internacionais, dependendo de onde o registro for feito, é possível contratar um serviço de&lt;a href=&quot;http://www.dicasblogger.com.br/2013/07/cancelar-registro-privado-godaddy-domains-by-proxy.html&quot; style=&quot;color: #18538a; text-decoration: none;&quot; target=&quot;_blank&quot;&gt;registro privado de domínios&lt;/a&gt;, onde os dados pessoais são ocultados. Contudo, os registros nacionais impedem que essa opção seja utilizada. Seria mais seguro e interessante, se ela ficasse restrita a solicitações de cunho judicial, por exemplo.&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;h3 style=&quot;margin: 0px; position: relative;&quot;&gt;
&lt;b&gt;&lt;span style=&quot;color: red;&quot;&gt;4) Seu blog será acessado eternamente&lt;/span&gt;&lt;/b&gt;&lt;/h3&gt;
&lt;div&gt;
Se o seu blog está hospedado no Blogger, pelo menos por enquanto, não será excluído. Ainda que você não poste mais nada a dez anos, como é o caso de vários blogs com endereços interessantes, ou então, só tenha criado o blog e nunca postou nada, ele continuará lá, firme e forte! Isso acontece, por que o Blogger tem o objetivo de manter os blogs do jeito que foram deixados por seus criadores.&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;h3 style=&quot;margin: 0px; position: relative;&quot;&gt;
&lt;span style=&quot;color: red;&quot;&gt;5) Se o blog não for pra frente, você não gastou nada com ele mesmo!&lt;/span&gt;&lt;/h3&gt;
&lt;div&gt;
Alguns blogs começam com boas ideias, mas nem sempre conseguem o crescimento esperado por seus criadores. Fazer com que um blog cresça exige tempo, esforço e alguns investimentos. Se você não quiser tocar mais o blog pra frente, basta deixá-lo lá e não atualizá-lo mais. De qualquer forma, você tentou, viu o potencial que o blog poderia ter ou não e desistiu do projeto.&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;h3 style=&quot;margin: 0px; position: relative;&quot;&gt;
&lt;span style=&quot;color: red;&quot;&gt;6) Não perderá o posicionamento nos mecanismos de buscas, tráfego e Page Rank (&lt;i&gt;a considerar&lt;/i&gt;)&lt;/span&gt;&lt;/h3&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg3k7ETq-NWGJzc7RTmof8uK5GQHI6zyFzeJ4HIpDMECzWRloRSXR0ac1UCHr1-WVEyw6uLpKrt22JakTc7JGBCyACKRAoMjkVFPAqN75wfmuMN2MFuvGQwWljDg1EAZrw7tqSrUtMKyRYS/s1600/Google-PageRank.jpg&quot; imageanchor=&quot;1&quot; style=&quot;clear: right; color: #18538a; float: right; margin-bottom: 1em; margin-left: 1em; text-decoration: none;&quot;&gt;&lt;img alt=&quot;&quot; border=&quot;0&quot; height=&quot;150&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg3k7ETq-NWGJzc7RTmof8uK5GQHI6zyFzeJ4HIpDMECzWRloRSXR0ac1UCHr1-WVEyw6uLpKrt22JakTc7JGBCyACKRAoMjkVFPAqN75wfmuMN2MFuvGQwWljDg1EAZrw7tqSrUtMKyRYS/s200/Google-PageRank.jpg&quot; style=&quot;-webkit-box-shadow: rgba(0, 0, 0, 0.0980392) 1px 1px 5px; border: 1px solid rgb(242, 242, 242); box-shadow: rgba(0, 0, 0, 0.0980392) 1px 1px 5px; padding: 5px; position: relative;&quot; title=&quot;Page Rank posicionamento&quot; width=&quot;200&quot; /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;div&gt;
O Dicas Blogger chegou a ter o Page Rank 6. Alguns desinformados não sabiam desse prodígio alcançado pelo DB e andaram falando bobagem por aí. Mas isso foi alcançado enquanto o blog usava o domínio www.dicasblogger.blogspot.com. A partir do momento que o blog passou a usar o domínio próprio, conforme explicado pela Juliana neste artigo &quot;&lt;a href=&quot;http://www.dicasblogger.com.br/2010/01/sobre-o-pagerank-do-dicas-blogger.html&quot; style=&quot;color: #18538a; text-decoration: none;&quot; target=&quot;_blank&quot;&gt;Sobre o Page Rank do Dicas Blogger&lt;/a&gt;&quot;, ele zerou e o blog precisou reconquistar seu espaço com o seu novo endereço de URL. Além disso, as visitas precisaram de uns 45 dias para se normalizar, conforme relatado pela Juliana no post &quot;&lt;a href=&quot;http://www.dicasblogger.com.br/2010/02/completando-90-dias-com-dominio-proprio.html&quot; style=&quot;color: #18538a; text-decoration: none;&quot; target=&quot;_blank&quot;&gt;completando 90 dias com domínio próprio&lt;/a&gt;&quot;.&lt;br /&gt;
&lt;br /&gt;
&lt;h3 style=&quot;margin: 0px; position: relative;&quot;&gt;
&lt;span style=&quot;color: red;&quot;&gt;7) Não precisa se preocupar com a configuração&lt;/span&gt;&lt;/h3&gt;
Registrar e configurar um domínio tem ficado cada vez mais difícil. Principalmente, quando algum probleminha acontece e dificulta ainda mais a configuração para o usuário. Em 2012, o Blogger alterou o procedimento necessário para fazer a configuração do domínio, sendo necessário&amp;nbsp;&lt;a href=&quot;http://www.dicasblogger.com.br/2012/09/como-configurar-CNAME-em-novos-dominios-personalizados-blogger.html&quot; style=&quot;color: #18538a; text-decoration: none;&quot; target=&quot;_blank&quot;&gt;inserir no painel do registrador dois CNAMEs&lt;/a&gt;, o que até hoje, tem levado muita gente a desistir de usar o domínio próprio. Aqueles que não conseguem configurar o seu domínio, temos um&amp;nbsp;&lt;a href=&quot;http://www.consultoriablog.com/2013/03/analise-de-conteudo.html&quot; style=&quot;color: #18538a; text-decoration: none;&quot; target=&quot;_blank&quot;&gt;serviço que auxilia o usuário a colocar o blog no ar&lt;/a&gt;.&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div&gt;
Dos tópicos mencionados acima, os que merecem mais destaque e são pontos que precisam ser levados em consideração, acredito que seja a privacidade dos dados exibidos na internet e o posicionamento nos mecanismos de buscas. Contudo, ambas possuem medidas alternativas para serem contornados, cada um dentro da sua própria limitação. Mas não acredito que este seja o caminho a seguir. Existem várias vantagens positivas para a aquisição do domínio próprio e este é um quesito que não pode ser negligenciado por muito tempo.&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div&gt;
Na sua opinião, existe mais algum motivo que deve ser considerado na hora de optar em não comprar um domínio próprio? Ou, os pontos citados é pura conversa e não vale a pena serem analisados antes de registrar o domínio?&lt;/div&gt;
&lt;div&gt;
Fonte: &lt;a href=&quot;http://www.dicasblogger.com.br/2013/07/motivos-para-nao-comprar-um-dominio-proprio.html&quot;&gt;Dicas Blogger&lt;/a&gt;&lt;/div&gt;
&lt;/div&gt;
</content><link rel='replies' type='application/atom+xml' href='http://dicasparablogsbr.blogspot.com/feeds/2274978304386965941/comments/default' title='Postar comentários'/><link rel='replies' type='text/html' href='http://dicasparablogsbr.blogspot.com/2013/07/motivos-para-nao-comprar-um-dominio.html#comment-form' title='0 Comentários'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/8674846264785641194/posts/default/2274978304386965941'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/8674846264785641194/posts/default/2274978304386965941'/><link rel='alternate' type='text/html' href='http://dicasparablogsbr.blogspot.com/2013/07/motivos-para-nao-comprar-um-dominio.html' title='Motivos para não comprar um domínio próprio'/><author><name>Paulo Cesar</name><uri>http://www.blogger.com/profile/01101463881033703802</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='32' height='20' src='//blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgEKwgifFohsHgBXvpG2mRUIPup0ajV-u_QOZWiwNeSjguSS4YgTevYVnuHwIPb280PaGJPbZOwi1SBAyQxEaUQANA9GpP_yfwIA_mWanaGLlQzu4qAFMMjEDnfG7hFztI/s1600/ELEVADOR%252BLACERDA.jpg'/></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiJ5rRr2xRzaVL8bzaO1rCE5UoJMi0CJ0OT6NmL5F5Yfe1zTjArpSSb5KC5rFVJVSSEMywFIfPSiyXC1ArSKi0iGGh-rrJSNZVvHreOifhnVKWdbArLKGO34TD5aGiRmnxHXGDmxdIK5Gqp/s72-c/top-level-domain.jpg" height="72" width="72"/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-8674846264785641194.post-2747380839177469612</id><published>2012-04-30T23:57:00.003-03:00</published><updated>2012-05-01T00:03:01.594-03:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="Assuntos Relevantes"/><category scheme="http://www.blogger.com/atom/ns#" term="Blogosfera"/><category scheme="http://www.blogger.com/atom/ns#" term="Dicas para Blog"/><category scheme="http://www.blogger.com/atom/ns#" term="Utilidades"/><category scheme="http://www.blogger.com/atom/ns#" term="Variedades"/><title type='text'>5 motivos pelos quais suas postagens não fazem sucesso</title><content type='html'>&lt;span id=&quot;fullpost&quot;&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhffO3-7heTHS_2wcNlah69K9PYDBp8jf0NAG8GZ1NpP1whL_WMQZM9NZQN-Y8XMgNG-ipHoXLPojqMRd_20Y5V9iTQBCjDRO76IWCdFz5OH4COmNKQb9auPoMfK12PrDE2LijBTQ9x4m0/s1600/erro+blogueiros.jpg&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img border=&quot;0&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhffO3-7heTHS_2wcNlah69K9PYDBp8jf0NAG8GZ1NpP1whL_WMQZM9NZQN-Y8XMgNG-ipHoXLPojqMRd_20Y5V9iTQBCjDRO76IWCdFz5OH4COmNKQb9auPoMfK12PrDE2LijBTQ9x4m0/s1600/erro+blogueiros.jpg&quot; /&gt;&lt;/a&gt;&lt;/div&gt;Há  cerca de 200 milhões de blogs no mundo que trazem os mais variados  tipos de conteúdo. Dentre estes, existem vários que desenvolvem  postagens com um ótimo padrão, outros que de vez em quando tem postagens  de grande alcance e mais alguns que nunca tiveram sucesso nos seus  artigos.&lt;br /&gt;
&lt;br /&gt;
É necessário entender que sucesso de um artigo não é apenas quantidade  de visualizações de postagens. O sucesso de uma postagem também é medido  por opiniões através de comentários que também pode ser medido  quantitativamente, pelo tempo que o leitor fica nesta página e o &lt;i&gt;share &lt;/i&gt;que tal postagem recebeu, ou seja, quantas vezes foram compartilhada nas redes sociais.&lt;br /&gt;
&lt;br /&gt;
&lt;span style=&quot;color: black;&quot;&gt;Recomendo:&lt;/span&gt; 5 dicas para aumentar as visitas do seu blog usando o Facebook&lt;br /&gt;
&lt;br /&gt;
Uma série de razões podem se tornar um fator importante para suas postagens não terem o sucesso desejado, tais como:&lt;br /&gt;
&lt;div style=&quot;color: #073763;&quot;&gt;&lt;span style=&quot;font-size: medium;&quot;&gt;&lt;b&gt;1. Erros tipográficos e gramaticais&lt;/b&gt;&lt;/span&gt;&lt;/div&gt;&lt;/span&gt;&lt;br /&gt;
A tipografia tem como objetivo principal dar ordem estrutural e forma à  comunicação. Para sites e blogs entende-se este termo na composição do  layout, fontes, espaçamento, imagens ilustrativas e até cores da fonte e  fundo da postagem. Ter uma postagem mal organizada deixará seu artigo  confuso e na internet o que as pessoas não querem é confusão na leitura.&lt;br /&gt;
&lt;br /&gt;
Outro detalhe é a gramática. Você não precisa ser um escritor  especialista ou um professor de português para se tornar um bom  blogueiro. Pelo contrário, um escritor mediano pode ser um blogueiro  muito bom. Escrever bem e obedecer algumas regras gramaticais é um  pré-requisito necessário que a maioria dos blogueiros deve seguir.&lt;br /&gt;
&lt;br /&gt;
&lt;span style=&quot;color: black;&quot;&gt;Recomendo:&lt;/span&gt; Cuidados com a grámatica em suas postagens &lt;br /&gt;
&lt;br /&gt;
&lt;span style=&quot;font-size: medium;&quot;&gt;&lt;b&gt;&lt;span style=&quot;color: #073763;&quot;&gt;2. Postagens desrespeitosas&lt;/span&gt;&lt;/b&gt;&lt;/span&gt;&lt;br /&gt;
&lt;br /&gt;
Postagens polêmicas são sempre bem-vindas, desde que tenham embasamento  real e que não venha ferir os bons costumes. Porém, sempre vejo  blogueiros que escrevem artigos com as suas opiniões, mas sem ter nenhum  tipo de conhecimento sobre o assunto e que em maioria faltam com  respeito em suas críticas no artigo ou nos comentários.&lt;br /&gt;
&lt;br /&gt;
Claro que existem blogs pessoais ou de opiniões que certamente seguem  rigorosamente uma ética em seus artigos. Todavia, para outros blogueiros  não dar sua opinião particular (se for muito polêmica) é um movimento  seguro e recomendável. Mas, acrescentando opinião é uma necessidade e  demostra autoridade. Seu pensamento faz o que você é. Porém, cuidado com  os termos e com os assuntos!&lt;br /&gt;
&lt;br /&gt;
&lt;div style=&quot;color: #073763;&quot;&gt;&lt;span style=&quot;font-size: medium;&quot;&gt;&lt;b&gt;3. Usar estilo de escrita de bate-papo&lt;/b&gt;&lt;/span&gt;&lt;/div&gt;&lt;br /&gt;
O estilo de escrita bate-papo é aquele que a maioria dos usuários de  mensagens instantâneas como msn usam. Onde a palavra &quot;você&quot; se torna  &quot;vc&quot;, &quot;tudo de bom&quot; vira &quot;tdb&quot;, &quot;também&quot; transforma-se &quot;tb&quot; e por aí  vai.&lt;br /&gt;
Outro ponto importante deste tipo de escrita é são os emoticons que também são usados em forma de texto, como este &lt;b&gt;:&lt;span style=&quot;color: #cc0000;&quot;&gt;)&lt;/span&gt;&lt;/b&gt;&lt;br /&gt;
&lt;br /&gt;
Uma postagem é um meio de informação e informar as pessoas assim não é  correto, pois mesmo seu blog sendo de humor ou informal ele precisa  transparecer credibilidade e a escrita bate-papo de forma alguma mostra  isso.&lt;br /&gt;
&lt;br /&gt;
&lt;div style=&quot;color: #073763;&quot;&gt;&lt;span style=&quot;font-size: medium;&quot;&gt;&lt;b&gt;4. Textos sem nexo&lt;/b&gt;&lt;/span&gt;&lt;/div&gt;&lt;br /&gt;
Um erro comum em postagens grandes é a perca da linha de raciocínio no  decorrer do texto. Isso pode se tornar um erro fatal para seu conteúdo,  pois irá gerar um desinteresse do leitor e certamente ele não voltará a  sua página.&lt;br /&gt;
&lt;br /&gt;
Se a postagem for grande recomendo que separe-a em tópicos, assim como  fiz neste artigos. Deste modo será mais fácil de se escrever e ler.&lt;br /&gt;
&lt;br /&gt;
&lt;div style=&quot;color: #073763;&quot;&gt;&lt;span style=&quot;font-size: medium;&quot;&gt;&lt;b&gt;5. Pesquisa inadequada&lt;/b&gt;&lt;/span&gt;&lt;/div&gt;&lt;br /&gt;
Ninguém espera que você saiba tudo, mas quando você está levando  informação, você tem que saber o que di e para isto é necessário  pesquisar. Leia quase tudo que você achar sobre o tema. Isso irá abrir a  sua mente e desenvolver novas percepções no seu cérebro. &lt;br /&gt;
&lt;br /&gt;
Recomendo: Aprenda a lidar com as críticas no seu blog &lt;br /&gt;
&lt;br /&gt;
Geralmente blogueiros escrevem antes de pesquisar. Na maioria das vezes  fazem isso para não &quot;pegar a ideia&quot; de outro escritor, criando assim seu  próprio estilo. Mas, como a base de leitores começa a crescer, um único  comentário que questiona a sua autoridade, pode ser muito prejudicial  para a sua reputação.&lt;br /&gt;
&lt;br /&gt;
&lt;/span&gt;</content><link rel='replies' type='application/atom+xml' href='http://dicasparablogsbr.blogspot.com/feeds/2747380839177469612/comments/default' title='Postar comentários'/><link rel='replies' type='text/html' href='http://dicasparablogsbr.blogspot.com/2012/04/5-motivos-pelos-quais-suas-postagens.html#comment-form' title='0 Comentários'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/8674846264785641194/posts/default/2747380839177469612'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/8674846264785641194/posts/default/2747380839177469612'/><link rel='alternate' type='text/html' href='http://dicasparablogsbr.blogspot.com/2012/04/5-motivos-pelos-quais-suas-postagens.html' title='5 motivos pelos quais suas postagens não fazem sucesso'/><author><name>Paulo Cesar</name><uri>http://www.blogger.com/profile/01101463881033703802</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='32' height='20' src='//blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgEKwgifFohsHgBXvpG2mRUIPup0ajV-u_QOZWiwNeSjguSS4YgTevYVnuHwIPb280PaGJPbZOwi1SBAyQxEaUQANA9GpP_yfwIA_mWanaGLlQzu4qAFMMjEDnfG7hFztI/s1600/ELEVADOR%252BLACERDA.jpg'/></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhffO3-7heTHS_2wcNlah69K9PYDBp8jf0NAG8GZ1NpP1whL_WMQZM9NZQN-Y8XMgNG-ipHoXLPojqMRd_20Y5V9iTQBCjDRO76IWCdFz5OH4COmNKQb9auPoMfK12PrDE2LijBTQ9x4m0/s72-c/erro+blogueiros.jpg" height="72" width="72"/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-8674846264785641194.post-9097144134140615870</id><published>2012-04-30T23:51:00.001-03:00</published><updated>2012-04-30T23:53:04.945-03:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="Blogosfera"/><category scheme="http://www.blogger.com/atom/ns#" term="Dicas para Blog"/><category scheme="http://www.blogger.com/atom/ns#" term="Variedades"/><title type='text'>Blogueiros devem estudar</title><content type='html'>&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;&lt;span id=&quot;fullpost&quot;&gt;&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhrMbM7ySvp8w7tJFLr5rbgsAmJDSvmGzO4_RyrAFIpS8GSxkDH4zeizCh4y0ef0NmA7zg2j3G6-AJJijkJr1Oqo5-EoaUA5JM-KAwZygs-_bMRQQumkXHfVjLvR6T0Jlsa7La9MjEnz9gQ/s1600/estudo.jpg&quot; rel=&quot;shadowbox[vocation]&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img border=&quot;0&quot; height=&quot;204&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhrMbM7ySvp8w7tJFLr5rbgsAmJDSvmGzO4_RyrAFIpS8GSxkDH4zeizCh4y0ef0NmA7zg2j3G6-AJJijkJr1Oqo5-EoaUA5JM-KAwZygs-_bMRQQumkXHfVjLvR6T0Jlsa7La9MjEnz9gQ/s320/estudo.jpg&quot; width=&quot;320&quot; /&gt;&lt;/a&gt;&lt;/span&gt;&lt;/div&gt;&lt;span id=&quot;fullpost&quot;&gt;A blogosfera está exigindo cada vez mais especializações por parte dos blogueiros. Um blog mais profissional exige trabalho especializado, exige conhecimento específico e domínio do assunto. &lt;br /&gt;
Antigamente blogs não tinham reputação, hoje são fontes de pesquisa,  alguns chegam ao ponto de ser mais valorizados do que grandes portais e  empresas. Um exemplo disso? TecnoBlog.net. &lt;/span&gt;&lt;br /&gt;
&lt;h3&gt;&lt;span id=&quot;fullpost&quot;&gt;Por que os blogueiros devem estudar?&lt;/span&gt;&lt;/h3&gt;&lt;span id=&quot;fullpost&quot;&gt;Estudar é adquirir conhecimento,  é aumentar o nível de sabedoria, sem estudo somos apenas seres humanos  ignorantes. Na blogosfera não é diferente, todos os dias “nascem” blogs  concorrentes do seu, e o que você vai apresentar de diferencial? Por  qual motivo seu blog vai ser o campeão de acessos e reputação nesse  nicho? &lt;br /&gt;
&lt;br /&gt;
Passar de ano na escola é fácil, difícil é ser um bom aluno e ganhar  respeito dos professores, colegas e coordenadores. Criar um blog é  fácil, difícil é crescer ao nível em que ele paga suas contas. A  diferença está em um conjunto de coisas, espírito empreendedor, SEO, layout, conteúdo, etc. No entanto, nunca vi grandes blogueiros que não estudam e escrevem de qualquer jeito. &lt;h3&gt;Leitura é essencial&lt;/h3&gt;Alguém tem dúvidas disso? A melhor forma para aprender a escrever é  lendo! Através da leitura adquirimos vocabulário, aprendemos a escrever  as palavras corretamente, tiramos várias dúvidas de escrita e ganhamos  conhecimento do assunto lido. &lt;h3&gt;Cursos online ou presenciais&lt;/h3&gt;Esse ponto é bem pouco comentado e praticado infelizmente. Existem  inúmeros cursos interessantes que podem ajudar diretamente ou  indiretamente você blogueiro, é só ter interesse. &lt;br /&gt;
Procure no Google por &lt;a href=&quot;http://www.olx.com.br/cursos-aulas-cat-186&quot;&gt;cursos brasil&lt;/a&gt;,  cursos online, cursos de inglês, programação, design, desenvolvimento  da escrita, etc. Encontre a melhor opção e o melhor curso de acordo com o  seu interesse. &lt;h3&gt;Conclusão&lt;/h3&gt;Você precisa ter uma mente formada, com suas opiniões e pensamentos. Ter  consciência que SEMPRE vai existir alguém maior que você, pois é  impossível ser o melhor em tudo. Também deve existir a consciência que  você pode ser um dos grandes, basta querer.  &lt;br /&gt;
&lt;br /&gt;
Lembre-se: Conhecimento é um bem muito precioso, onde o que você aprendeu ninguém pode roubar. Bom estudo! &lt;br /&gt;
&lt;br /&gt;
&lt;i&gt;*Publieditorial&lt;/i&gt;&lt;/span&gt;</content><link rel='replies' type='application/atom+xml' href='http://dicasparablogsbr.blogspot.com/feeds/9097144134140615870/comments/default' title='Postar comentários'/><link rel='replies' type='text/html' href='http://dicasparablogsbr.blogspot.com/2012/04/blogueiros-devem-estudar.html#comment-form' title='0 Comentários'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/8674846264785641194/posts/default/9097144134140615870'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/8674846264785641194/posts/default/9097144134140615870'/><link rel='alternate' type='text/html' href='http://dicasparablogsbr.blogspot.com/2012/04/blogueiros-devem-estudar.html' title='Blogueiros devem estudar'/><author><name>Paulo Cesar</name><uri>http://www.blogger.com/profile/01101463881033703802</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='32' height='20' src='//blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgEKwgifFohsHgBXvpG2mRUIPup0ajV-u_QOZWiwNeSjguSS4YgTevYVnuHwIPb280PaGJPbZOwi1SBAyQxEaUQANA9GpP_yfwIA_mWanaGLlQzu4qAFMMjEDnfG7hFztI/s1600/ELEVADOR%252BLACERDA.jpg'/></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhrMbM7ySvp8w7tJFLr5rbgsAmJDSvmGzO4_RyrAFIpS8GSxkDH4zeizCh4y0ef0NmA7zg2j3G6-AJJijkJr1Oqo5-EoaUA5JM-KAwZygs-_bMRQQumkXHfVjLvR6T0Jlsa7La9MjEnz9gQ/s72-c/estudo.jpg" height="72" width="72"/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-8674846264785641194.post-644589771507801876</id><published>2012-04-26T19:41:00.000-03:00</published><updated>2012-04-26T19:46:47.598-03:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="Dicas para Blog"/><category scheme="http://www.blogger.com/atom/ns#" term="Utilidades"/><category scheme="http://www.blogger.com/atom/ns#" term="Variedades"/><title type='text'>O blogueiro e a vida pessoal</title><content type='html'>&lt;br /&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;img border=&quot;0&quot; height=&quot;238&quot; src=&quot;http://2.bp.blogspot.com/-s8SkE8YOA_Q/T4ihL9ZD-BI/AAAAAAAAAHQ/nJ2PItfILsM/s320/duvida+blog+familia.jpg&quot; width=&quot;320&quot; /&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
Cuidar do blog e da vida pessoal não é nada fácil. Quem de
nós nunca sentiu aquele sentimento de culpa que ecoou no fundinho do peito por
ter deixado algum deles de lado? É um desafio! Pois, para ser bem sucedido em
ambos, é preciso muita dedicação e aí é que está o grande desafio do blogueiro.
Haja tempo e disposição para cuidar de tudo, não é mesmo? É família, trabalho,
estudos, religião, lazer, saúde, e claro, nossos queridos blogs.&amp;nbsp;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
São tantas coisas
disputando nossa atenção ao mesmo tempo que corremos o risco de cair em duas
situações: ou cuidamos somente do blog e começamos a negligenciar nossa vida
pessoal, ou então, esquecemos o blog e cuidamos unicamente das nossas coisas
pessoais. Mas como gerenciar nossa vida pessoal e cuidar do blog de maneira
saudável? A seguir cito algumas armadilhas que poderão destruir a sua vida pessoal:&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot;&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;b&gt;1) Negligenciar a Família&lt;/b&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
Então vamos lá! O que você fez nessa páscoa? Ficou em casa
curtindo a família ou se trancou no quarto, aproveitando o tempinho 
extra para
fazer um post? Por aqui já dá pra ter uma idéia de como andam as suas
prioridades. Nada mais familiar do que passar datas festivas como 
Páscoa, Natal, ano novo e aniversário de alguém especial junto com a 
família.
Contudo,&amp;nbsp; se você está deixando ela de
lado para ficar no blog, está havendo uma inversão muito séria de 
valores. E dependendo da intensidade disto, você pode até &#39;&#39;perder&#39;&#39; sua
 família.&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;b&gt;2) Se Distrair no Trabalho&lt;/b&gt;&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;a href=&quot;http://2.bp.blogspot.com/--B4IYBf2hD0/T4iovTWlkWI/AAAAAAAAAHg/rT6mFBsLMBg/s1600/Perda+Tristeza+Abandono.jpg&quot; imageanchor=&quot;1&quot; style=&quot;clear: left; float: left; margin-bottom: 1em; margin-right: 1em;&quot;&gt;&lt;img border=&quot;0&quot; height=&quot;133&quot; src=&quot;http://2.bp.blogspot.com/--B4IYBf2hD0/T4iovTWlkWI/AAAAAAAAAHg/rT6mFBsLMBg/s200/Perda+Tristeza+Abandono.jpg&quot; width=&quot;200&quot; /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
Acessar o blog no ambiente de trabalho é outro risco. Quem age assim 
coloca em risco o seu sustento. Somos pagos por nossos empregadores para
 trabalhar e não para blogar (desde que você não seja um blogueiro 
autônomo e profissional, que tire unicamente do blog a sua renda). Nossa
 imagem como profissional pode ser manchada pelos constantes acessos ao 
blog. Nenhum empregador gosta de ver o empregado se distraindo com 
outras coisas. Tenha limites!&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;b&gt;3) Descuidar-se da Saúde&lt;/b&gt;&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
A saúde é outra área que pode ir para o espaço se não tomarmos cuidado. 
Quem de nós nunca sacrificou o sono para fazer uma postagem? Eu mesma 
fiz isso algumas vezes e precisei colocar limites. Sacrificamos nossa 
noite de sono nos expondo ao cansaço e à fadiga no dia seguinte, somente
 para cuidar do nosso blog. Alguns deixam de tomar banho e até mesmo de 
se alimentar corretamente, outros pelo contrário, comem e comem enquanto
 postam. Resultado? Saúde prejudicada. A consequência pode não ser 
imediata, mas os efeitos com certeza iremos sentir com o tempo.&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;b&gt;4) Relaxar nos Estudos&lt;/b&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
Para quem estuda, blogar é uma excelente distração. Ficar vagando na 
internet cuidando do blog e das redes sociais tira qualquer um dos 
estudos. As notas tendem a cair e os trabalhos a serem entregues na 
última hora e, detalhe, sem uma boa produção de textos. Muitos, ao 
escreverem em seus blogs, seguem o ritmo dos trabalhos escolares dos 
quais fazem apenas cópia dos textos originais. Infelizmente, tenho 
observado que boa parte desses blogueiros jovens não estão produzindo 
seus próprios conteúdos. Contudo, diante dessa realidade, não posso 
deixar de parabenizar aqueles que estudam e produzem seus textos de 
maneira original.&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;b&gt;5) Abandonar o Descanso e a Diversão&lt;/b&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
E quanto a diversão e descanso? Você está separando momentos para 
relaxar e descansar? Tem saído pra passear, ir ao shopping, ao cinema, à
 pizzaria e tantos outros lugares bacanas para se divertir? Ou tá sempre
 enfurnado em casa blogando? A vida passa. Precisamos tanto de diversão 
quanto de descanso. Todo ser humano precisa descansar a sua mente para 
poder produzir com eficiência. Quem quer ter produtividade contínua, tem
 que se atentar para isso. Do contrário, virá o bloqueio criativo e o 
blog certamente sofrerá com isso.&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;b&gt;A Melhor Alternativa&lt;/b&gt;&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;a href=&quot;http://3.bp.blogspot.com/-relWm1usptU/T4ipF-XV7-I/AAAAAAAAAHo/0yl-d6kXJ-A/s1600/tempo+rel%C3%B3gio.jpg&quot; imageanchor=&quot;1&quot; style=&quot;clear: left; float: left; margin-bottom: 1em; margin-right: 1em;&quot;&gt;&lt;img border=&quot;0&quot; height=&quot;149&quot; src=&quot;http://3.bp.blogspot.com/-relWm1usptU/T4ipF-XV7-I/AAAAAAAAAHo/0yl-d6kXJ-A/s200/tempo+rel%C3%B3gio.jpg&quot; width=&quot;200&quot; /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
O ideal é separar um tempo para cuidar do blog. Observe seus horários e 
veja onde você poderá encaixá-lo de maneira que não prejudique o 
desenrolar de suas atividades pessoais. Seja ponderado e use o bom 
senso. Alguns blogueiros têm tempo disponível para blogar todo dia, 
enquanto outros tem de uma a duas ou três vezes por semana. Eu, 
particularmente, não posso me dar o prazer de fazê-lo todo dia. O 
importante é que este tempo seja produtivo e que ele não sacrifique 
outras áreas.&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
Enfim, não quero aqui dizer que nossa vida se divide somente nesses 
aspectos. Mas apenas alertar para alguns cuidados, já que alguns colegas
 encontram dificuldades nesse sentido. Negligenciar a vida pessoal por 
causa de um blog não vale a pena. É preciso lembrar que o blog existe 
mais como um projeto e não como o centro das atenções. Assim, é&amp;nbsp;possível
 cuidar da vida pessoal e cuidar do blog de maneira saudável.&amp;nbsp;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;/div&gt;
Altos e baixos acontecem, algumas dificuldades nos surpreendem com 
tamanha força que não conseguirmos cuidar do blog por meses, o que é 
compreensível, apesar de não ser bom para o blog. Mas somos humanos e 
temos inúmeras necessidades. Nem sempre será possível manter a agenda, 
mas ter uma vida saudável tanto para nós quanto para o blog é possível, 
desde que não caíamos nas armadilhas que citei. Acabe de vez com o jogo:
 vida pessoal &lt;i&gt;versus &lt;/i&gt;blog; e seja um blogueiro bem sucedido, saudável e feliz!&lt;br /&gt;
&lt;br /&gt;
&lt;span class=&quot;post-author&quot;&gt;por
&lt;a href=&quot;http://www.blogger.com/profile/18080542660707942530&quot; target=&quot;_blank&quot;&gt;Priscila Fago&lt;/a&gt;&lt;/span&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://dicasparablogsbr.blogspot.com/feeds/644589771507801876/comments/default' title='Postar comentários'/><link rel='replies' type='text/html' href='http://dicasparablogsbr.blogspot.com/2012/04/o-blogueiro-e-vida-pessoal_26.html#comment-form' title='0 Comentários'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/8674846264785641194/posts/default/644589771507801876'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/8674846264785641194/posts/default/644589771507801876'/><link rel='alternate' type='text/html' href='http://dicasparablogsbr.blogspot.com/2012/04/o-blogueiro-e-vida-pessoal_26.html' title='O blogueiro e a vida pessoal'/><author><name>Paulo Cesar</name><uri>http://www.blogger.com/profile/01101463881033703802</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='32' height='20' src='//blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgEKwgifFohsHgBXvpG2mRUIPup0ajV-u_QOZWiwNeSjguSS4YgTevYVnuHwIPb280PaGJPbZOwi1SBAyQxEaUQANA9GpP_yfwIA_mWanaGLlQzu4qAFMMjEDnfG7hFztI/s1600/ELEVADOR%252BLACERDA.jpg'/></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="http://2.bp.blogspot.com/-s8SkE8YOA_Q/T4ihL9ZD-BI/AAAAAAAAAHQ/nJ2PItfILsM/s72-c/duvida+blog+familia.jpg" height="72" width="72"/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-8674846264785641194.post-6935733681925039053</id><published>2010-07-11T18:58:00.000-03:00</published><updated>2010-07-11T18:58:20.757-03:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="Sistemas Operacionais"/><category scheme="http://www.blogger.com/atom/ns#" term="Variedades"/><title type='text'>Mandriva 2010.1 - Versão final está disponível para download em três edições</title><content type='html'>A Mandriva lançou nesta semana a versão final do Mandriva Linux 2010.1. A versão final  está disponível em três edições (One Edition, Free Edition e Powerpack  Edition) para as plataformas 32 e 64 bits.&lt;br /&gt;
&lt;br /&gt;
&lt;taghw&gt;Esta  versão vem com o kernel Linux 2.6.33.4, KDE 4.4.3,  GNOME 2.3.0.1, novos drivers de vídeo, melhorias no  Mandriva Directory Server e mais.&lt;/taghw&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;a href=&quot;http://www.baboo.com.br/conteudo/articlefiles/39308-kde.jpg&quot; onblur=&quot;try 
{parent.deselectBloggerImageGracefully();} catch(e) {}&quot;&gt;&lt;img alt=&quot;&quot; border=&quot;0&quot; src=&quot;http://www.baboo.com.br/conteudo/articlefiles/39308-kde.jpg&quot; style=&quot;cursor: pointer; display: block; height: 370px; margin: 0px auto 10px; text-align: center; width: 500px;&quot; /&gt;&lt;/a&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;taghw&gt;Segue os links para &lt;a href=&quot;http://www.castroinfonet.com/2010/07/mandriva-20101-versao-final-esta.html#&quot; onclick=&quot;hwClick(&amp;quot;download&amp;quot;);return false;&quot; oncontextmenu=&quot;return false;&quot; onmouseout=&quot;hideMaybe(this, &amp;quot;download&amp;quot;); this.style.cursor=&amp;quot;hand&amp;quot;; 
this.style.textDecoration=&amp;quot;underline&amp;quot;; this.style.borderBottom=&amp;quot;dotted 
1px&amp;quot;; &quot; onmouseover=&quot;hwShow(event, this, &amp;quot;download&amp;quot;); this.style.cursor=&amp;quot;hand&amp;quot;; 
this.style.textDecoration=&amp;quot;underline&amp;quot;; this.style.borderBottom=&amp;quot;solid&amp;quot;;&quot; style=&quot;border-bottom: 1px dotted; color: #3d81ee; text-decoration: underline;&quot;&gt;download&lt;/a&gt;:&lt;/taghw&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;span style=&quot;font-family: Georgia; font-size: 10pt;&quot;&gt;&lt;img align=&quot;absMiddle&quot; alt=&quot;&quot; border=&quot;0px&quot; src=&quot;http://www.baboo.com.br/icons/cd.jpg&quot; style=&quot;font-style: italic;&quot; /&gt;&lt;span style=&quot;font-size: 10pt; font-style: italic;&quot;&gt;Download:   &lt;/span&gt;&lt;a href=&quot;http://www2.mandriva.com/downloads/one/&quot; rel=&quot;nofollow&quot; style=&quot;font-style: italic;&quot; target=&quot;_blank&quot;&gt;Mandriva Linux 2010.1 One  Edition&lt;/a&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style=&quot;font-family: Georgia; font-size: 10pt;&quot;&gt;&lt;img align=&quot;absMiddle&quot; alt=&quot;&quot; border=&quot;0px&quot; src=&quot;http://www.baboo.com.br/icons/cd.jpg&quot; style=&quot;font-style: italic;&quot; /&gt;&lt;span style=&quot;font-size: 10pt; font-style: italic;&quot;&gt;Download:  &lt;/span&gt;&lt;a href=&quot;http://www2.mandriva.com/downloads/free/&quot; rel=&quot;nofollow&quot; style=&quot;font-style: italic;&quot; target=&quot;_blank&quot;&gt;Mandriva  Linux 2010.1 Free Edition&lt;/a&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style=&quot;font-family: Georgia; font-size: 10pt;&quot;&gt;&lt;img align=&quot;absMiddle&quot; alt=&quot;&quot; border=&quot;0px&quot; src=&quot;http://www.baboo.com.br/icons/cd.jpg&quot; style=&quot;font-style: italic;&quot; /&gt;&lt;span style=&quot;font-size: 10pt; font-style: italic;&quot;&gt;Download:   &lt;/span&gt;&lt;a href=&quot;http://www2.mandriva.com/downloads/powerpack/&quot; rel=&quot;nofollow&quot; style=&quot;font-style: italic;&quot; target=&quot;_blank&quot;&gt;Mandriva Linux  2010.1 Powerpack Edition&lt;/a&gt;&lt;/span&gt;</content><link rel='replies' type='application/atom+xml' href='http://dicasparablogsbr.blogspot.com/feeds/6935733681925039053/comments/default' title='Postar comentários'/><link rel='replies' type='text/html' href='http://dicasparablogsbr.blogspot.com/2010/07/mandriva-20101-versao-final-esta.html#comment-form' title='0 Comentários'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/8674846264785641194/posts/default/6935733681925039053'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/8674846264785641194/posts/default/6935733681925039053'/><link rel='alternate' type='text/html' href='http://dicasparablogsbr.blogspot.com/2010/07/mandriva-20101-versao-final-esta.html' title='Mandriva 2010.1 - Versão final está disponível para download em três edições'/><author><name>Paulo Cesar</name><uri>http://www.blogger.com/profile/01101463881033703802</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='32' height='20' src='//blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgEKwgifFohsHgBXvpG2mRUIPup0ajV-u_QOZWiwNeSjguSS4YgTevYVnuHwIPb280PaGJPbZOwi1SBAyQxEaUQANA9GpP_yfwIA_mWanaGLlQzu4qAFMMjEDnfG7hFztI/s1600/ELEVADOR%252BLACERDA.jpg'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-8674846264785641194.post-6689894724378787612</id><published>2010-07-11T18:53:00.000-03:00</published><updated>2010-07-11T18:53:24.121-03:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="Tutorial"/><category scheme="http://www.blogger.com/atom/ns#" term="Utilidades"/><title type='text'>SEO e Link Building - O Fator Autoridade e Relevancia um site</title><content type='html'>&lt;span id=&quot;fullpost&quot;&gt;&lt;br /&gt;
&lt;/span&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;a href=&quot;http://www.internetrevolution.org/img/link-building.jpg&quot; onblur=&quot;try {parent.deselectBloggerImageGracefully();} catch(e) {}&quot;&gt;&lt;img alt=&quot;&quot; border=&quot;0&quot; src=&quot;http://www.internetrevolution.org/img/link-building.jpg&quot; style=&quot;cursor: pointer; float: left; height: 282px; margin: 0pt 10px 10px 0pt; width: 309px;&quot; /&gt;&lt;/a&gt;&lt;taghw&gt; &lt;/taghw&gt;&lt;br /&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;&lt;taghw&gt;Um dos mais importantes fator de SEO e  Link building é a autoridade de um determinado site. Vamos explorar um pouco  mais a e como usá-lo para seu próprio benefício.&lt;/taghw&gt;&lt;/div&gt;&lt;h2 style=&quot;text-align: justify;&quot;&gt;Relevância e Page Rank&lt;/h2&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;&lt;br /&gt;
&lt;taghw&gt;A autoridade é atrelada ao  website que realiza o link para você. No caso, se um site com page rank  alto linkou para você, é sinal que uma autoridade, um website forte (com  PageRank alto), está dizendo que o seu website é bom (através do link).  Estes Links dofollow transferem um valor para sua página aumentando o  seu  PageRank, resultando em um melhor posicionamento nos  mecanismos de busca.&lt;/taghw&gt;&lt;/div&gt;&lt;h2 style=&quot;text-align: justify;&quot;&gt;Autoridade  vem com o tempo&lt;/h2&gt;&lt;span id=&quot;fullpost&quot;&gt;&lt;/span&gt;&lt;br /&gt;
&lt;a name=&#39;more&#39;&gt;&lt;/a&gt;&lt;span id=&quot;fullpost&quot;&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span id=&quot;fullpost&quot;&gt; &lt;/span&gt;  &lt;br /&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;O ingrediente principal para  ganhar autoridade (Page Rank) é o tempo. Com o passar do tempo, surgem  links apontando para o seu site espontâneamente. Novos sites devem  começar a conseguir links logo que possível. Isso deve começar a ser  feito logo que o site foi criado.&lt;br /&gt;
&lt;br /&gt;
&lt;taghw&gt;É importante que você  ganhe links de sites com conteúdo relacionado ao seu. Não adianta ganhar  links de um site de culinária se o seu site fala de tecnologia. O importante aqui é  conectar os assuntos. Seria relevante ganhar um link de um site de  videogames, notebooks, gadgets e tal.&lt;/taghw&gt;&lt;br /&gt;
&lt;br /&gt;
Mas não vá com  tanta cede ao pote, práticas de spam influencia negativamente a sua  autoridade. Se o seu site recebe muitos links de sites punidos, ou se  você usar técnicas de SEO Black Hat pode botar tudo a perder e levará  algum tempo para recuperar a sua autoridade. Então nada de spam e SEO  Black Hat ok!&lt;/div&gt;&lt;h2 style=&quot;text-align: justify;&quot;&gt;Aumentando o  Page Rank&lt;/h2&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;&lt;br /&gt;
Como já foi falado  anteriormente, a única forma de aumentar o page Rank é recebendo Links.  Então como conseguir esses links?&lt;br /&gt;
&lt;br /&gt;
A melhores formas são:&lt;/div&gt;&lt;ul&gt;&lt;li style=&quot;text-align: justify;&quot;&gt;Cadastrando a URL de nossos artigos nos  agregadores de notícias como Dihitt, Rec6, Ueba, LInkk, Linkto, Colméia  etc. Que são agregadores com Page Rank auto )com muita de autoridade  perante os mecanismos de busca).&lt;/li&gt;
&lt;li style=&quot;text-align: justify;&quot;&gt;Participando  de fóruns, colocando um link do seu site.&lt;/li&gt;
&lt;li style=&quot;text-align: justify;&quot;&gt;Linkar outros blogs, isso nos permitirá que outros blogs nos  conheçam e nos retornem links.&lt;/li&gt;
&lt;li style=&quot;text-align: justify;&quot;&gt;Comentando  em blogs do mesmo assunto.&lt;/li&gt;
&lt;li style=&quot;text-align: justify;&quot;&gt;Compartilhando  seus artigos em redes sociais é uma forma de divulgar o seu conteúdo  para que outros blogs te vejam e acabam criando links para o seu.&lt;/li&gt;
&lt;li style=&quot;text-align: justify;&quot;&gt;Gerar conteúdo de qualidade, esta é a  principal forma de conseguir links de qualidade.&lt;/li&gt;
&lt;/ul&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;&lt;br /&gt;
&lt;/div&gt;&lt;ul&gt;&lt;li style=&quot;text-align: justify;&quot;&gt;Fazendo links internos, faça links para artigos relacionados  sempre que possivel.&lt;/li&gt;
&lt;/ul&gt;</content><link rel='replies' type='application/atom+xml' href='http://dicasparablogsbr.blogspot.com/feeds/6689894724378787612/comments/default' title='Postar comentários'/><link rel='replies' type='text/html' href='http://dicasparablogsbr.blogspot.com/2010/07/seo-e-link-building-o-fator-autoridade.html#comment-form' title='1 Comentários'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/8674846264785641194/posts/default/6689894724378787612'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/8674846264785641194/posts/default/6689894724378787612'/><link rel='alternate' type='text/html' href='http://dicasparablogsbr.blogspot.com/2010/07/seo-e-link-building-o-fator-autoridade.html' title='SEO e Link Building - O Fator Autoridade e Relevancia um site'/><author><name>Paulo Cesar</name><uri>http://www.blogger.com/profile/01101463881033703802</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='32' height='20' src='//blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgEKwgifFohsHgBXvpG2mRUIPup0ajV-u_QOZWiwNeSjguSS4YgTevYVnuHwIPb280PaGJPbZOwi1SBAyQxEaUQANA9GpP_yfwIA_mWanaGLlQzu4qAFMMjEDnfG7hFztI/s1600/ELEVADOR%252BLACERDA.jpg'/></author><thr:total>1</thr:total></entry><entry><id>tag:blogger.com,1999:blog-8674846264785641194.post-4435840790720208197</id><published>2010-07-11T18:45:00.000-03:00</published><updated>2010-07-11T18:45:01.851-03:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="Dicas para Blog"/><category scheme="http://www.blogger.com/atom/ns#" term="Utilidades"/><title type='text'>TrTools - Como dar Unfollow em massa no Twitter</title><content type='html'>&lt;div style=&quot;text-align: justify;&quot;&gt;Cansado de seguidores malas que não te  segue no twitter e não tem muita paciência para ficar dando unfollow em  um por vez, e quer &lt;strong&gt;dar unfollow em massa &lt;/strong&gt;&lt;taghw&gt;nesses  malas, a dica a seguir vai ser uma mão  na roda pra você.&lt;/taghw&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;taghw&gt;O TrTools é uma ferramenta para ganhar muitos seguidores  rapidamente, mas também pode servir para dar unfollow em massa (deixar  de seguir diversos usuários de uma só vez) ou até mesmo seguir todos que  te seguem e você ainda não segue. A ferramenta é brasileira e super  fácil de usar.&lt;/taghw&gt;&lt;/div&gt;&lt;h2 style=&quot;text-align: justify;&quot;&gt;Como  dar unfollow em massa em não seguidores&lt;/h2&gt;&lt;span id=&quot;fullpost&quot;&gt;&lt;a name=&#39;more&#39;&gt;&lt;/a&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span id=&quot;fullpost&quot;&gt; &lt;/span&gt;  Entre no &lt;a href=&quot;http://trtools.com.br/unfollow&quot; rel=&quot;nofollow&quot; target=&quot;_blank&quot;&gt;TrTools Unfollow&lt;/a&gt;&lt;taghw&gt;&amp;nbsp; na página, digite seu nome de usuário do  Twitter no campo indicado, como mostra a imagem abaixo e clique em  listar:&lt;/taghw&gt;&lt;br /&gt;
&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhU6eL4PDn-TuH4YOxuHyoM7sEWxNjWi49ctZoqydnF5zRUwkPBno8IYTg3YycQvHTNfwNaNWYQ-4NKD2D4hCNNHDgR6w4B3byhUAzlX-s8DIOZjMpSwix8YJnhyOI6JSIuNuMF30tt_uw/s1600/Unfollow+em+massa.PNG&quot; onblur=&quot;try 
{parent.deselectBloggerImageGracefully();} catch(e) {}&quot;&gt;&lt;img alt=&quot;Dando unfollow em massa no twitter&quot; border=&quot;0&quot; id=&quot;BLOGGER_PHOTO_ID_5492674144098254978&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhU6eL4PDn-TuH4YOxuHyoM7sEWxNjWi49ctZoqydnF5zRUwkPBno8IYTg3YycQvHTNfwNaNWYQ-4NKD2D4hCNNHDgR6w4B3byhUAzlX-s8DIOZjMpSwix8YJnhyOI6JSIuNuMF30tt_uw/s400/Unfollow+em+massa.PNG&quot; style=&quot;display: block; height: 323px; margin: 0px auto 10px; text-align: center; width: 400px;&quot; /&gt;&lt;/a&gt;&lt;br /&gt;
Será  listado todos os usuarios que não te segue (Você listará 200 por vez  para evitar o limite do twitter), você pode desmarcar a caixa de quem  você não quer deixar de seguir. Se quiser dar unfollow em todos, não  desmarque nenhuma caixa de seleção.&lt;br /&gt;
&lt;br /&gt;
Todos usuários listados, é só  preencher o campo com seus dados (nome de usuário e senha do twitter) e  clicar em &quot;Unfollow em todos selecionados&quot;.&lt;br /&gt;
&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEias9VqgsoIbZu3f8dyO8z2EG6Z_jWXPJu9OgoLbpDZ9jlKvhSr-e7CS1PgBYO1YAG5d7YwtzwKBtboOP7EgJJRpP-_-TWL3WqoPkyj_3g4facZa20ywKirLvmD4hlAa2QGKNiS49W40cM/s1600/Lista+de+unfollow+em+massa.PNG&quot; onblur=&quot;try 
{parent.deselectBloggerImageGracefully();} catch(e) {}&quot;&gt;&lt;img alt=&quot;Selecionando os seguidores a dar unfollow em massa&quot; border=&quot;0&quot; id=&quot;BLOGGER_PHOTO_ID_5492677480616090834&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEias9VqgsoIbZu3f8dyO8z2EG6Z_jWXPJu9OgoLbpDZ9jlKvhSr-e7CS1PgBYO1YAG5d7YwtzwKBtboOP7EgJJRpP-_-TWL3WqoPkyj_3g4facZa20ywKirLvmD4hlAa2QGKNiS49W40cM/s400/Lista+de+unfollow+em+massa.PNG&quot; style=&quot;cursor: pointer; display: block; height: 392px; margin: 0px auto 10px; text-align: center; width: 400px;&quot; /&gt;&lt;/a&gt;&lt;br /&gt;
Prontinho,  você acaba de dar unfollow em massa no Twitter com facilidade e em  português.&lt;br /&gt;
&lt;br /&gt;
&lt;strong&gt;Dica&lt;/strong&gt;: Mesmo que muitos dizem que  essas ferramentas são confiáveis, eu recomendo que troque a senha sempre  que realizaestes processos.</content><link rel='replies' type='application/atom+xml' href='http://dicasparablogsbr.blogspot.com/feeds/4435840790720208197/comments/default' title='Postar comentários'/><link rel='replies' type='text/html' href='http://dicasparablogsbr.blogspot.com/2010/07/trtools-como-dar-unfollow-em-massa-no.html#comment-form' title='1 Comentários'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/8674846264785641194/posts/default/4435840790720208197'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/8674846264785641194/posts/default/4435840790720208197'/><link rel='alternate' type='text/html' href='http://dicasparablogsbr.blogspot.com/2010/07/trtools-como-dar-unfollow-em-massa-no.html' title='TrTools - Como dar Unfollow em massa no Twitter'/><author><name>Paulo Cesar</name><uri>http://www.blogger.com/profile/01101463881033703802</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='32' height='20' src='//blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgEKwgifFohsHgBXvpG2mRUIPup0ajV-u_QOZWiwNeSjguSS4YgTevYVnuHwIPb280PaGJPbZOwi1SBAyQxEaUQANA9GpP_yfwIA_mWanaGLlQzu4qAFMMjEDnfG7hFztI/s1600/ELEVADOR%252BLACERDA.jpg'/></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhU6eL4PDn-TuH4YOxuHyoM7sEWxNjWi49ctZoqydnF5zRUwkPBno8IYTg3YycQvHTNfwNaNWYQ-4NKD2D4hCNNHDgR6w4B3byhUAzlX-s8DIOZjMpSwix8YJnhyOI6JSIuNuMF30tt_uw/s72-c/Unfollow+em+massa.PNG" height="72" width="72"/><thr:total>1</thr:total></entry><entry><id>tag:blogger.com,1999:blog-8674846264785641194.post-157509720819536535</id><published>2010-07-11T09:50:00.001-03:00</published><updated>2010-07-11T09:51:20.884-03:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="Dicas para Blog"/><category scheme="http://www.blogger.com/atom/ns#" term="Utilidades"/><category scheme="http://www.blogger.com/atom/ns#" term="Variedades"/><title type='text'>Como criar banner animado com o Photoshop CS4</title><content type='html'>&lt;span id=&quot;fullpost&quot;&gt; Há muito tempo atrás, fiz uma vídeo-aula ensinando como criar  banner animado usando o software Fireworks. Hoje “cismei” que queria  aprender a fazer o mesmo, mas usando o magnífico &lt;b style=&quot;color: black;&quot;&gt;Adobe Photoshop&lt;/b&gt;&lt;span style=&quot;color: black;&quot;&gt;.  E não é que deu certo?&lt;/span&gt;&lt;br style=&quot;color: black;&quot; /&gt;&lt;span style=&quot;color: black;&quot;&gt; Primeiramente, é preciso criar uma  sequência de imagens estáticas que farão parte dos quadros do banner  animado - &lt;/span&gt;&lt;a href=&quot;http://www.dicasblogger.com.br/2008/01/srievideo-aula-criando-banner-no.html&quot; style=&quot;color: black;&quot;&gt;Video-Aula:Criando  Banner no Photoshop&lt;/a&gt;&lt;span style=&quot;color: black;&quot;&gt;.&lt;/span&gt;&lt;br style=&quot;color: black;&quot; /&gt;&lt;span style=&quot;color: black;&quot;&gt; Como o tutorial ia ficar muito grande,  resolvi colocar a maior parte das imagens em tamanho reduzido. Para  ampliá-las, basta clicar em cada uma delas.&lt;/span&gt;&lt;br style=&quot;color: black;&quot; /&gt; &lt;span id=&quot;fullpost&quot; style=&quot;color: black;&quot;&gt;   Como  exemplo, vou usar 4 imagens que criei previamente. Vamos considerar a  primeira imagem como o primeiro quadro do futuro banner animado. Copie  (Crtl+A/Crt+C) a segunda imagem e cole (Crtl+C) em cima da primeira,  formando assim uma nova camada. Repita esse procedimento com as demais  imagens. &lt;br /&gt;
Clique em &lt;b&gt;janela&lt;/b&gt; e procure por &lt;b&gt;camadas&lt;/b&gt;.  Você vai ver todas as camadas que acabou de criar. Agora clique em &lt;b&gt;janela  &lt;/b&gt;e depois em &lt;b&gt;animação&lt;/b&gt;. &lt;br /&gt;
Na &lt;b&gt;figura  1&lt;/b&gt; vemos as quatro camadas, numeradas de 0 a 3 e, logo abaixo,  temos a janela de animações.&amp;nbsp; Vamos desmarcar as camadas 1, 2 e 3  clicando, no ícone correspondente, que parece um pequeno olho ( seta 1).  &lt;/span&gt;&lt;/span&gt;&lt;span id=&quot;fullpost&quot;&gt;&lt;/span&gt;&lt;br /&gt;
&lt;a name=&#39;more&#39;&gt;&lt;/a&gt;&lt;span id=&quot;fullpost&quot;&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span id=&quot;fullpost&quot;&gt; &lt;/span&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;a href=&quot;http://www.dicasblogger.com.br/&quot; target=&quot;_blank&quot;&gt;&lt;img alt=&quot;Tutorial Dicas
 Blogger&quot; border=&quot;0&quot; height=&quot;251&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjyKCSmZfEE55w9HcqpqG22rm9jFp9mZG7Hgcg9YL2Aa-yFFx7dQTXQzPRUokfOajNUv1qjmN820PJwLHxZDmI6-NH7h7VQARb3alqDLlfm2V3uqUAYjpYIGtP4NIovFJetRqSpNWQ6g8hQ/?imgmax=800&quot; style=&quot;border: 0px none; display: block; float: none; margin-left: auto; margin-right: auto;&quot; title=&quot;Tutorial Dicas Blogger&quot; width=&quot;452&quot; /&gt;&lt;/a&gt;&lt;br /&gt;
Clique agora onde  está a seta 2 para abrir um novo quadro. Desmarque a camada 0 e marque a  camada 1. Repita o procedimento para as demais camadas (figuras 2 e 3)&amp;nbsp;  &lt;br /&gt;
&lt;table border=&quot;0&quot; cellpadding=&quot;2&quot; cellspacing=&quot;0&quot; style=&quot;width: 550px;&quot;&gt;&lt;tbody&gt;
&lt;tr&gt;         &lt;td valign=&quot;top&quot; width=&quot;275&quot;&gt;&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiCo2mX_p-dtrAjbE3UrJ6KrYVfSq0wLsD__JyuXN59d1r9MBkYDNInVHgdMEU3_IlDPojw_783TQJCR1CqmourRnXPfFUWpcnM8pjXU0LyaDOIvjCja2rJ1bItTA3wO6TGUSpKzvlG5okU/s1600-h/tuto2%5B14%5D.jpg&quot;&gt;&lt;img alt=&quot;&quot; border=&quot;0&quot; height=&quot;125&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhIbbdQ8m3Ez1pwd58258MOfjLpgDADo8RRaTPxm2N2__XNZJswdCYKX-I2Ie99NvhJjRNxClR7Lot0LVVSOmvswr-HNntnUpueoZDsUls5-AbSvhvluWh9ZIc9r7Wy30JERssWiaUDGTSl/?imgmax=800&quot; style=&quot;border-width: 0px; display: inline;&quot; title=&quot;&quot; width=&quot;242&quot; /&gt;&lt;/a&gt; &lt;/td&gt;          &lt;td valign=&quot;top&quot; width=&quot;275&quot;&gt;&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjMRObmJsjJdpFbOjUoSQc-v4DNr0Dk_ZC_c_776iIVEhIGs6EQ0thRSHh4xp7epSUOpJIhRYzKOOm7UERLbAkhlctXPT-QVQgFVyqM_OTEHd66TczdevFqGMkwl84BgNW3xzB5kIrMlTma/s1600-h/tuto3%5B12%5D.jpg&quot;&gt;&lt;img alt=&quot;&quot; border=&quot;0&quot; height=&quot;122&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgYqb5eYY9EUUFfSv3SqiEwsbLZrG9Mkwyz1OYOlURCbfcjRiL8v2aFxaHJT0HJOBtAamQ-BFDFXEbARAxSBwrkJU-nhwngSEeEZxvmPCwYaasIuC36jbMxF7xGHCs-w3HLDWI6T-1S8407/?imgmax=800&quot; style=&quot;border-width: 0px; display: inline;&quot; title=&quot;&quot; width=&quot;242&quot; /&gt;&lt;/a&gt; &lt;/td&gt;       &lt;/tr&gt;
&lt;/tbody&gt;&lt;/table&gt;Agora, vamos escolher por quantos segundos será exibido cada  quadro. Clique logo abaixo do quadro, onde está escrito &lt;b&gt;0 seg&lt;/b&gt;  (figura 4) e escolha o tempo (sugestão 2,0 seg). A seguir, visualize a  animação, clicando no local indicado na figura 5.&lt;br /&gt;
&lt;table border=&quot;0&quot; cellpadding=&quot;2&quot; cellspacing=&quot;0&quot; style=&quot;width: 550px;&quot;&gt;&lt;tbody&gt;
&lt;tr&gt;          &lt;td valign=&quot;top&quot; width=&quot;275&quot;&gt;&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjmcXenVJIzQQF20LnJSRaOCW27zwiNRqnWl87sy7DrXW6fUblPwrqLTlO4YfWZ9vAgPKXpdR25-YKzyC51bR1ZbwAsc3suSfCZJAVIoxay5qm8e3aGyurX6R9Q-WhcyoW5APDJIiQW3sg6/s1600-h/tuto4%5B6%5D.jpg&quot;&gt;&lt;img alt=&quot;&quot; border=&quot;0&quot; height=&quot;116&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhHeTixTFSUNJHESUPVwMC-TEMTbQJsxL5bzsbg3xi-weyl5pt8_42yKPoCRJCPMOVc2YR9hcH6j6KQzDmJJJXsz4Z1kXpqia5wxF5EbQ-Us7Qf0JqZMDYNYz1_gqrzNXoKmjRViUf8hjD7/?imgmax=800&quot; style=&quot;border-width: 0px; display: inline;&quot; title=&quot;&quot; width=&quot;242&quot; /&gt;&lt;/a&gt;&lt;/td&gt;          &lt;td valign=&quot;top&quot; width=&quot;275&quot;&gt;&amp;nbsp;&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgJkuldEU58epmVKS0PCzfrTVTyK_SNMXZPsY3bFZRwAltCLneWFMB1SfwMF7psGFI4sKWUVOE6WUdKAdODZGPMX6MlZu9qaICQkT5Iuwfp096Zf2CPupDhAlvorflwOYEvb7J7HQ0Z2Sit/s1600-h/tuto5%5B9%5D.jpg&quot;&gt;&lt;img alt=&quot;&quot; border=&quot;0&quot; height=&quot;116&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjKn0MIi6YCED95lxADpmFGF5oQ81eFQPI5BnWB0sQJDkMRxg3uqfAgJwXx7mIOuLpUHRxheQnctBqTHw45JcecFDesE-3Uc26LAEleWmPmcysamhvWGFRw0vzIuaLzxJjJzhI6j-c6_GPp/?imgmax=800&quot; style=&quot;border-width: 0px; display: inline; margin-left: 0px; margin-right: 0px;&quot; title=&quot;&quot; width=&quot;242&quot; /&gt;&lt;/a&gt;&lt;/td&gt;       &lt;/tr&gt;
&lt;/tbody&gt;&lt;/table&gt;Se tudo estiver Ok, selecione todos os quadros, clique em &lt;b&gt;arquivo&lt;/b&gt;  e &lt;b&gt;salvar para web e dispositivos&lt;/b&gt; (figura 6). Faça as  configurações conforme mostra a figura 7 e, ainda na mesma janela,  clique no botão &lt;b&gt;visualizar&lt;/b&gt; (veja a seta)&lt;br /&gt;
&lt;table border=&quot;0&quot; cellpadding=&quot;2&quot; cellspacing=&quot;0&quot; style=&quot;width: 550px;&quot;&gt;&lt;tbody&gt;
&lt;tr&gt;          &lt;td valign=&quot;top&quot; width=&quot;275&quot;&gt;&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiU9HF0A0xiN4G6a3f-eM6_0AfKMtWbADkwB-bUiTK8BerJ-TiPPWFQjKnLLOMD7uQ6WeSMBiPF4nO2PORkON9e3GF90qW00dXqZmNJ3VxgGmvrYHP_3Jo6pqjApkfoBF7SAnZgyTRV2cL8/s1600-h/tuto6%5B11%5D.jpg&quot;&gt;&lt;img alt=&quot;&quot; border=&quot;0&quot; height=&quot;159&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgY0WiwIiNE3UD9gwi9x8X_MEq28oruEa1qeFHozKxymOlR7DG3-yUwn2V_bcHcaDkBtBi0zF70bTydNcHSrB-_ddf7QMiW3wJeeyS0eLij4IUNOGSLI6g6xprQ21RApH6pki34oeoyzyNL/?imgmax=800&quot; style=&quot;border-width: 0px; display: inline;&quot; title=&quot;&quot; width=&quot;241&quot; /&gt;&lt;/a&gt; &lt;/td&gt;          &lt;td valign=&quot;top&quot; width=&quot;275&quot;&gt;&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjl0URnFX43unvuQWCUfcy0WLfjkIfpEted_k3dzuI6TvusS_fZ3wJW9qO1_T8eu5zbV9x8ffX4hg0zPtmeXZyv82iCKTX_G51vP25vAo7_Wp8_FBUsBTjXq8bUErctQkr1zCUGPCtdCSVH/s1600-h/tuto7%5B9%5D.jpg&quot;&gt;&lt;img alt=&quot;&quot; border=&quot;0&quot; height=&quot;163&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjzp31IsDhCb7wDFBqJdVZkOBfei0UunkZwTAjfA6OUKH4Fpmf8MHsa_8UYhihhpKMNMhi_n-RVvL16QT2RGfQpLgANNkM9gSm9YEb9mA4o1yYZMNp8v1CZ8gPaZ7DZyH5bs_SbOrnJ5trv/?imgmax=800&quot; style=&quot;border-width: 0px; display: inline;&quot; title=&quot;&quot; width=&quot;251&quot; /&gt;&lt;/a&gt; &lt;/td&gt;       &lt;/tr&gt;
&lt;/tbody&gt;&lt;/table&gt;A animação irá aparecer no navegador. Clique com o botão direito  do mouse e salve.&lt;br /&gt;
Eis o resultado do banner animado, que foi  utilizado para este tutorial:&lt;br /&gt;
&lt;blockquote&gt;&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi6uv0zNc0aCafCPLLzWE3DAg03RLZNnwQLbsyZd_7Zjn-z-CBuIHZAKC9DHe7aJ2U66r6osgaGoN3RxIr9FON_sN1u4TMwQOi5Dx2AeLlbnYlTxZHTKvrVs9A5InWOaTcUi7UvuPM29K83/s1600-h/banner%5B6%5D.gif&quot;&gt;&lt;img alt=&quot;banner&quot; height=&quot;80&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj-1iw93AzOdCeq56aLM4jT-FhIbm9Re4jJnTL0Ir2TCQoEadejmyBgQrcpmJTgc6Pe_BTQ6k6bxMUP5co58qdobNpJLgd9ei8NupEhpCk5ycW4-TpB6be9fPF-PvLbLQ1YuyOvni47f01y/?imgmax=800&quot; style=&quot;display: block; float: none; margin-left: auto; margin-right: auto;&quot; title=&quot;banner&quot; width=&quot;300&quot; /&gt;&lt;/a&gt;&lt;/blockquote&gt;Para colocar o  banner em seu blog do Blogger, faça o upload para o Picasa (figura 8),  por exemplo. Você deve escolher um álbum, clicar em &lt;b&gt;arquivo &lt;/b&gt;(1),  procurar o banner que foi salvo no seu computador (2), clicar em &lt;b&gt;abrir&lt;/b&gt;  (3) e depois em &lt;b&gt;iniciar upload&lt;/b&gt;. Ao término, o banner  animado irá aparecer no seu álbum do Picasa. Clique sobre ele para  ampliar e copie o endereço/url da imagem (figura 9).&lt;br /&gt;
&lt;table border=&quot;0&quot; cellpadding=&quot;2&quot; cellspacing=&quot;0&quot; style=&quot;width: 550px;&quot;&gt;&lt;tbody&gt;
&lt;tr&gt;          &lt;td valign=&quot;top&quot; width=&quot;275&quot;&gt;&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjodl1YHIsaW5p4IQkRd7Uv0MNFSLrN_KINgrpjFF2Vq9DENtOSJy9-urYjfFdOn5vpTf4H4sI57ghDSjOmg541tLpRfEqRg9PxXmCEVzXtzpcMYdFBotfIJKWJF5t5e6RmJ95Vb3nO4mNG/s1600-h/tuto9%5B8%5D.jpg&quot;&gt;&lt;img alt=&quot;&quot; border=&quot;0&quot; height=&quot;123&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEifKKTPX3gowIR5EZDdJgpz8oWdcH4hAnypi5w0oPXKKq-7PHK16Ld_OCpkZfWznOqnwPlSSToF-8depaKDv5F0xpPwhC5zRgg4XXyxDD8XAYlhXRB4qzDugT__KnFbdBByQN7tK8kgJq_j/?imgmax=800&quot; style=&quot;border-width: 0px; display: inline;&quot; title=&quot;&quot; width=&quot;252&quot; /&gt;&lt;/a&gt; &lt;/td&gt;          &lt;td valign=&quot;top&quot; width=&quot;275&quot;&gt;&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjoPioBS9FAU3ZiGMF9hNMHVHBfbvoL17kxt5If-ohlhp8639pabRr26pO55CCa8-o8_lTWeUly9wNrSfA8xpXs8I2HpzURJVNPs2z8XwBZTnJVTuE_8GZCxcDorZE7Hnck-kQp4OQXPVa3/s1600-h/tuto10%5B8%5D.jpg&quot;&gt;&lt;img alt=&quot;&quot; border=&quot;0&quot; height=&quot;126&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhZ2-G-DlTBhF6TX4cOFaQGRkYNAghPQX58eZUP7pbn_ZYEJAOILohq80qG2pIenOwSbZ80px_DAO_M7vagfZKDXRYfkJO70st2vafwHbcC1S_Sm-LxYhtccwkIzS6eTJiuS_d0WtRnJpOx/?imgmax=800&quot; style=&quot;border-width: 0px; display: inline;&quot; title=&quot;&quot; width=&quot;252&quot; /&gt;&lt;/a&gt; &lt;/td&gt;       &lt;/tr&gt;
&lt;/tbody&gt;&lt;/table&gt;Abra o gadget &lt;b&gt;html/javascript&lt;/b&gt; e cole o seguinte  código, com as modificações&lt;br /&gt;
&lt;blockquote&gt;&lt;a href=&quot;http://www.blogger.com/endere%C3%A7o%20do%20site&quot;&gt;&lt;img src=&quot;endere%C3%A7o%20da%20imagem&quot; /&gt;&lt;/a&gt;&lt;/blockquote&gt;Depois é só salvar e pronto – o  banner animado estará visível no blog ;)</content><link rel='replies' type='application/atom+xml' href='http://dicasparablogsbr.blogspot.com/feeds/157509720819536535/comments/default' title='Postar comentários'/><link rel='replies' type='text/html' href='http://dicasparablogsbr.blogspot.com/2010/07/como-criar-banner-animado-com-o.html#comment-form' title='0 Comentários'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/8674846264785641194/posts/default/157509720819536535'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/8674846264785641194/posts/default/157509720819536535'/><link rel='alternate' type='text/html' href='http://dicasparablogsbr.blogspot.com/2010/07/como-criar-banner-animado-com-o.html' title='Como criar banner animado com o Photoshop CS4'/><author><name>Paulo Cesar</name><uri>http://www.blogger.com/profile/01101463881033703802</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='32' height='20' src='//blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgEKwgifFohsHgBXvpG2mRUIPup0ajV-u_QOZWiwNeSjguSS4YgTevYVnuHwIPb280PaGJPbZOwi1SBAyQxEaUQANA9GpP_yfwIA_mWanaGLlQzu4qAFMMjEDnfG7hFztI/s1600/ELEVADOR%252BLACERDA.jpg'/></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjyKCSmZfEE55w9HcqpqG22rm9jFp9mZG7Hgcg9YL2Aa-yFFx7dQTXQzPRUokfOajNUv1qjmN820PJwLHxZDmI6-NH7h7VQARb3alqDLlfm2V3uqUAYjpYIGtP4NIovFJetRqSpNWQ6g8hQ/s72-c?imgmax=800" height="72" width="72"/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-8674846264785641194.post-6698584991251777365</id><published>2010-06-15T20:10:00.000-03:00</published><updated>2010-06-15T20:10:03.356-03:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="Imagens"/><category scheme="http://www.blogger.com/atom/ns#" term="Serviços Gratuitos"/><title type='text'>Como enviar imagens para o PicasaWeb</title><content type='html'>&lt;div style=&quot;float: right; margin: 5px 2px 10px 10px;&quot;&gt;  &lt;span class=&quot;share-button-link-text&quot;&gt; &lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;float: right; margin: 5px 2px 10px 10px;&quot;&gt;&amp;nbsp;&lt;/div&gt;&lt;div style=&quot;float: right; margin: 5px 2px 10px 10px;&quot;&gt;&amp;nbsp;&lt;/div&gt;&lt;div style=&quot;float: right; margin: 5px 2px 10px 10px;&quot;&gt;&amp;nbsp;&lt;/div&gt;&lt;div class=&quot;post-body entry-content&quot;&gt; &lt;img align=&quot;left&quot; alt=&quot;picasa_logo-full&quot; border=&quot;0&quot; height=&quot;200&quot; src=&quot;http://lh3.ggpht.com/_rwJ50XF9OVI/StYX8p4yADI/AAAAAAAACNY/TYR6bug6gIk/picasa_logo-full%5B6%5D.jpg?imgmax=800&quot; style=&quot;border: 0px none; display: inline; margin-left: 0px; margin-right: 0px;&quot; title=&quot;picasa_logo-full&quot; width=&quot;175&quot; /&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
O Google tem diversos  serviços muito úteis e práticos especialmente para quem mantém blogs. Se  você tem uma conta do Google, seja do Gmail, Blogger ou&lt;br /&gt;
&amp;nbsp;outra coisa,  pode usar o serviço de hospedagem de imagens gratuito do PicasaWeb, o  que ajuda muito na hora de gerenciar imagens e gerar URLs. Fica  disponível um espaço de 1Gb, mais que suficiente para armazenar centenas  de arquivos. Vejamos como usar esse serviço de forma bem objetiva.&lt;br /&gt;
&lt;a href=&quot;&quot; name=&quot;more&quot;&gt;&lt;/a&gt;  Mas o PicasaWeb é  sem dúvida bem simples e prático e é compatível com o Blogger, pois é  pra lá que são enviadas as imagens de seu blog &lt;br /&gt;
&lt;/div&gt;&lt;span id=&quot;fullpost&quot;&gt;&lt;a name=&#39;more&#39;&gt;&lt;/a&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span id=&quot;fullpost&quot;&gt; &lt;/span&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;span style=&quot;color: #ff8040; font-size: medium;&quot;&gt;&lt;strong&gt;Como enviar imagens  para o PicasaWeb.&lt;/strong&gt;&lt;/span&gt;&lt;br /&gt;
Acesse: &lt;a href=&quot;http://picasaweb.google.com/&quot; title=&quot;http://picasaweb.google.com/&quot;&gt;http://picasaweb.google.com/&lt;/a&gt;.  Entre com sua conta padrão do Google, como faz para os demais serviços  ou crie uma conta. Ao entrar no painel você verá logo no topo da página  um menu horizontal e o botão “Fazer upload”, como ilustra a imagem  abaixo:&lt;br /&gt;
&lt;br /&gt;
&lt;img alt=&quot;picasaweb-upload-imagens&quot; border=&quot;0&quot; height=&quot;278&quot; src=&quot;http://lh3.ggpht.com/_rwJ50XF9OVI/StYX-TWrngI/AAAAAAAACNc/ON0a03hAwCQ/picasaweb-upload-imagens%5B6%5D.png?imgmax=800&quot; style=&quot;border: 0px none; display: block; float: none; margin-left: auto; margin-right: auto;&quot; title=&quot;picasaweb-upload-imagens&quot; width=&quot;516&quot; /&gt; &lt;br /&gt;
&lt;br /&gt;
Vai abrir uma  pequena janela para escolher para qual álbum você vai enviar a imagem  (como uma forma de organizar em pastas) e você pode criar um novo álbum  se desejar, clicando no link “crie um novo álbum”.&lt;br /&gt;
&lt;br /&gt;
&lt;img alt=&quot;picasaweb-album-imagens&quot; border=&quot;0&quot; height=&quot;345&quot; src=&quot;http://lh5.ggpht.com/_rwJ50XF9OVI/StYX_1rf_FI/AAAAAAAACNg/nBMkQqmHYao/picasaweb-album-imagens%5B7%5D.png?imgmax=800&quot; style=&quot;border: 0px none; display: block; float: none; margin-left: auto; margin-right: auto;&quot; title=&quot;picasaweb-album-imagens&quot; width=&quot;537&quot; /&gt; &lt;br /&gt;
&lt;br /&gt;
Então clique no  botão que fica no canto inferior dessa janela, “Selecionar álbum”, para  agora poder escolher as imagens que estão no seu PC. É possível enviar  várias imagens ao mesmo tempo, até o limite de 1Gb (para as contas  gratuitas). Depois de escolher as imagens, clique no botão “Iniciar  upload”.&lt;br /&gt;
&lt;br /&gt;
&lt;img alt=&quot;picasaweb-escolher-imagens&quot; border=&quot;0&quot; height=&quot;302&quot; src=&quot;http://lh3.ggpht.com/_rwJ50XF9OVI/StYYBut-0gI/AAAAAAAACNk/Xspf-YtxUw4/picasaweb-escolher-imagens%5B6%5D.png?imgmax=800&quot; style=&quot;border: 0px none; display: block; float: none; margin-left: auto; margin-right: auto;&quot; title=&quot;picasaweb-escolher-imagens&quot; width=&quot;552&quot; /&gt; &lt;br /&gt;
&lt;br /&gt;
&lt;span style=&quot;color: #ff8040; font-size: medium;&quot;&gt;&lt;strong&gt;Como descobrir a URL da imagem.&lt;/strong&gt;&lt;/span&gt;&lt;br /&gt;
Assim suas imagens serão enviadas para o álbum desejado. Ao final  do envio você será direcionado para dentro do álbum automaticamente para  poder visualizar as imagens que foram armazenadas. Se você clicar sobre  alguma delas, abrirá uma página de informações.&lt;br /&gt;
Clique com o  botão direito do mouse sobre a imagem para pode salvar a URL da imagem.  Se você usa o Firefox como navegador então terá um clicar em “Copiar  endereço da imagem” no menu que abrir. Já para o Google Chrome, clicando  com o botão direito, o menu que abrir terá a opção “Copiar URL da  imagem”.&lt;br /&gt;
&lt;br /&gt;
&lt;div align=&quot;center&quot;&gt;   &lt;table align=&quot;center&quot; border=&quot;0&quot; cellpadding=&quot;0&quot; cellspacing=&quot;0&quot; style=&quot;width: 565px;&quot;&gt;&lt;tbody&gt;
&lt;tr&gt;          &lt;td valign=&quot;top&quot; width=&quot;282&quot;&gt;&lt;img alt=&quot;picasaweb-firefox&quot; border=&quot;0&quot; height=&quot;207&quot; src=&quot;http://lh6.ggpht.com/_rwJ50XF9OVI/StYYDKyHDgI/AAAAAAAACNo/OtjGbKnc0wk/picasaweb-firefox%5B4%5D.png?imgmax=800&quot; style=&quot;border: 0px none; display: block; float: none; margin-left: auto; margin-right: auto;&quot; title=&quot;picasaweb-firefox&quot; width=&quot;259&quot; /&gt; &lt;/td&gt;          &lt;td valign=&quot;top&quot; width=&quot;282&quot;&gt;&lt;img alt=&quot;picasaweb-chrome&quot; border=&quot;0&quot; height=&quot;173&quot; src=&quot;http://lh3.ggpht.com/_rwJ50XF9OVI/StYYEtOa0HI/AAAAAAAACNs/W4inrE9K-s0/picasaweb-chrome%5B4%5D.png?imgmax=800&quot; style=&quot;border: 0px none; display: block; float: none; margin-left: auto; margin-right: auto;&quot; title=&quot;picasaweb-chrome&quot; width=&quot;259&quot; /&gt; &lt;/td&gt;       &lt;/tr&gt;
&lt;/tbody&gt;&lt;/table&gt;&lt;/div&gt;&lt;br /&gt;
Mas se o seu caso é de quem usa o  Internet Explorer para navegar (não recomendamos), então, ao clicar com o  botão direito do mouse sobre a imagem, vá até o final do menu que abrir  e clique em “Propriedades” e na janela de informações, você verá o link  da imagem. Selecione o link e copie (Ctrl+C) como você normalmente  faria com um texto.&lt;br /&gt;
&lt;br /&gt;
&lt;img alt=&quot;picasaweb-explorer&quot; border=&quot;0&quot; height=&quot;172&quot; src=&quot;http://lh4.ggpht.com/_rwJ50XF9OVI/StYYFmFnwGI/AAAAAAAACNw/D56uO1i6vyQ/picasaweb-explorer%5B5%5D.png?imgmax=800&quot; style=&quot;border: 0px none; display: block; float: none; margin-left: auto; margin-right: auto;&quot; title=&quot;picasaweb-explorer&quot; width=&quot;259&quot; /&gt; &lt;br /&gt;
&lt;br /&gt;
Você poderá  usar essa URL da imagem como desejar.&lt;br /&gt;
O PicasaWeb é bem simples e  prático de usar e o espaço gratuito disponível é mais que suficiente  para centenas de imagens, mas lembre-se de que, se você tem um blog no  Blogger, tem que deixar espaço para as imagens que o painel envia para  lá.&lt;br /&gt;
Fonte: &lt;a href=&quot;http://www.ferramentasblog.com/2009/10/como-enviar-imagens-para-o-picasaweb.html&quot;&gt;Ferramentas Blogs &lt;/a&gt;</content><link rel='replies' type='application/atom+xml' href='http://dicasparablogsbr.blogspot.com/feeds/6698584991251777365/comments/default' title='Postar comentários'/><link rel='replies' type='text/html' href='http://dicasparablogsbr.blogspot.com/2010/06/como-enviar-imagens-para-o-picasaweb.html#comment-form' title='0 Comentários'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/8674846264785641194/posts/default/6698584991251777365'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/8674846264785641194/posts/default/6698584991251777365'/><link rel='alternate' type='text/html' href='http://dicasparablogsbr.blogspot.com/2010/06/como-enviar-imagens-para-o-picasaweb.html' title='Como enviar imagens para o PicasaWeb'/><author><name>Paulo Cesar</name><uri>http://www.blogger.com/profile/01101463881033703802</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='32' height='20' src='//blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgEKwgifFohsHgBXvpG2mRUIPup0ajV-u_QOZWiwNeSjguSS4YgTevYVnuHwIPb280PaGJPbZOwi1SBAyQxEaUQANA9GpP_yfwIA_mWanaGLlQzu4qAFMMjEDnfG7hFztI/s1600/ELEVADOR%252BLACERDA.jpg'/></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="http://lh3.ggpht.com/_rwJ50XF9OVI/StYX8p4yADI/AAAAAAAACNY/TYR6bug6gIk/s72-c/picasa_logo-full%5B6%5D.jpg?imgmax=800" height="72" width="72"/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-8674846264785641194.post-7463909118211116038</id><published>2010-06-15T19:58:00.000-03:00</published><updated>2010-06-15T19:58:45.751-03:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="Postagens"/><category scheme="http://www.blogger.com/atom/ns#" term="WP Posts"/><title type='text'>Como excluir posts e imagens do seu Blog</title><content type='html'>&lt;span id=&quot;fullpost&quot;&gt; &lt;/span&gt;Se por algum motivo for preciso excluir algum artigo já postado em seu  blog, é preciso saber bem como proceder e evitar sustos para você não  perder nada realmente importante. Vou mostrar o processo tanto para  blogs criados no Blogger (Blogspot), quanto no Wordpress.&lt;br /&gt;
&lt;a href=&quot;&quot; name=&quot;more&quot;&gt;&lt;/a&gt;&lt;br /&gt;
Começo reforçando a importância de sempre fazer um backup completo de  seu blog, toda vez que for aplicar mudanças significativas.&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
Abaixo a descrição de como proceder na hora de excluir artigos em  rascunho ou já postados no seu blog. Primeiro para o Blogger e depois  para o Wordpress.&lt;br /&gt;
&lt;br /&gt;
&lt;span style=&quot;color: #ff8040; font-size: medium;&quot;&gt;&lt;strong&gt;Excluindo  posts e imagens no Blogger&lt;/strong&gt;&lt;/span&gt;&lt;br /&gt;
Entre no painel do Blogger e clique no menu &quot;Postagem&quot; ~&amp;gt; &quot;Editar  postagens&quot; para exibir a lista de todos os artigos de seu blog.&lt;br /&gt;
&lt;br /&gt;
&lt;img alt=&quot;editar-post-postagens-blogger&quot; border=&quot;0&quot; height=&quot;82&quot; src=&quot;http://lh3.ggpht.com/_rwJ50XF9OVI/TBP_AbOqVGI/AAAAAAAADI4/aQ9t9ih1l7A/editar-post-postagens-blogger%5B5%5D.png?imgmax=800&quot; style=&quot;border: 0px none; display: block; float: none; margin-left: auto; margin-right: auto;&quot; title=&quot;editar-post-postagens-blogger&quot; width=&quot;561&quot; /&gt;&lt;span id=&quot;fullpost&quot;&gt;&lt;a name=&#39;more&#39;&gt;&lt;/a&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span id=&quot;fullpost&quot;&gt; &lt;/span&gt;   Certifique-se de deixar marcada a opção de exibir todos os posts, como  destacado na imagem que seguirá (1.).&lt;br /&gt;
&lt;br /&gt;
Agora procure pelo artigo/post que você quer deletar, excluir, de seu  blog. Ao lado de cada artigo, no final da linha à direita onde consta o  nome, e até a quantidade de comentários já recebidos, há a opção  &quot;Excluir&quot; (2.). Há essa opção até mesmo ao lado dos artigos que são  ainda um rascunho (3.) ou que estão &lt;a href=&quot;http://www.ferramentasblog.com/2008/10/programar-postagens-definir-data-de.html&quot;&gt;programados&lt;/a&gt;  (4.)&lt;br /&gt;
&lt;br /&gt;
&lt;img alt=&quot;editar-posts-blogger&quot; border=&quot;0&quot; height=&quot;157&quot; src=&quot;http://lh5.ggpht.com/_rwJ50XF9OVI/TBP_BqsPFsI/AAAAAAAADI8/emBFjvJNqRQ/editar-posts-blogger%5B6%5D.png?imgmax=800&quot; style=&quot;border: 0px none; display: block; float: none; margin-left: auto; margin-right: auto;&quot; title=&quot;editar-posts-blogger&quot; width=&quot;582&quot; /&gt; &lt;br /&gt;
&lt;br /&gt;
Clicando no link &quot;Excluir&quot; (2.) você será direcionado para uma página  onde poderá visualizar o conteúdo do post em questão, inclusive as  imagens nele contidas. Esse é o momento em que você deve decidir se  realmente irá excluir o artigo e, depois desse ponto, não há mais volta.&lt;br /&gt;
&lt;br /&gt;
&lt;img alt=&quot;excluir-post-imagens-blogger&quot; border=&quot;0&quot; height=&quot;477&quot; src=&quot;http://lh3.ggpht.com/_rwJ50XF9OVI/TBP_EMura6I/AAAAAAAADJA/vAdUM2VHGvs/excluir-post-imagens-blogger%5B6%5D.png?imgmax=800&quot; style=&quot;border: 0px none; display: block; float: none; margin-left: auto; margin-right: auto;&quot; title=&quot;excluir-post-imagens-blogger&quot; width=&quot;498&quot; /&gt; &lt;br /&gt;
&lt;br /&gt;
Note que você tem a opção de selecionar as imagens que foram aplicadas  no post e excluí-las, caso, claro, estejam hospedadas no &lt;span style=&quot;color: #3d85c6;&quot;&gt;Picasa Web&lt;/span&gt;&lt;span style=&quot;background-color: orange; color: #cc0000;&quot;&gt;&lt;/span&gt;,  que é onde o Blogger coloca todas as imagens de forma padrão.&lt;br /&gt;
&lt;br /&gt;
Por fim, se é o que deseja, clique no botão &quot;Excluir&quot;.&lt;br /&gt;
&lt;span style=&quot;color: red;&quot;&gt;&lt;strong&gt;Repito:&lt;/strong&gt;&lt;/span&gt; &lt;em&gt;Uma vez  excluído o post e as imagens, não há nada que fazer para retroceder e  recuperar o que foi apagado, então tenha certeza do que quer e faça  backup de tudo.&lt;/em&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;span style=&quot;color: #ff8040; font-size: medium;&quot;&gt;&lt;strong&gt;Excluir  posts no wordpress&lt;/strong&gt;&lt;/span&gt;&lt;br /&gt;
Acesse o painel do seu blog no Wordpress normalmente. No menu do lado  esquerdo, clique em &quot;Posts&quot; ~&amp;gt; &quot;Editar&quot;.&lt;br /&gt;
&lt;br /&gt;
&lt;img alt=&quot;posts-editar-wordpress&quot; border=&quot;0&quot; height=&quot;325&quot; src=&quot;http://lh3.ggpht.com/_rwJ50XF9OVI/TBP_E3e0ZUI/AAAAAAAADJE/aBqSpzkB22E/posts-editar-wordpress%5B5%5D.png?imgmax=800&quot; style=&quot;border: 0px none; display: block; float: none; margin-left: auto; margin-right: auto;&quot; title=&quot;posts-editar-wordpress&quot; width=&quot;171&quot; /&gt; &lt;br /&gt;
&lt;br /&gt;
Aparecerá a lista completa de todos os posts (artigos) já publicados em  seu blog, bem como os que estão programados (programados) e os que são  apenas rascunho. Quando você passa o ponteiro do mouse sobre a faixa de  cada post, aparece um pequeno menu de links, abaixo do título do post.&lt;br /&gt;
&lt;br /&gt;
&lt;img alt=&quot;excluir-posts-wordpress&quot; border=&quot;0&quot; height=&quot;223&quot; src=&quot;http://lh5.ggpht.com/_rwJ50XF9OVI/TBP_GZvM5mI/AAAAAAAADJI/rT-7aSZBaoY/excluir-posts-wordpress%5B7%5D.png?imgmax=800&quot; style=&quot;border: 0px none; display: block; float: none; margin-left: auto; margin-right: auto;&quot; title=&quot;excluir-posts-wordpress&quot; width=&quot;585&quot; /&gt; &lt;br /&gt;
&lt;br /&gt;
Aí você verá o link &quot;Lixeira&quot;. Clicando nesse link você pode enviar o  post desejado para a pasta &quot;Lixo&quot;. Isso significa que o post é excluído  de seu blog, se já foi publicado, imediatamente, sem revisão.&lt;br /&gt;
&lt;br /&gt;
Um artigo excluído no Wordpress pode ser recuperado posteriormente, pois  fica na pasta &quot;Lixo&quot;. Lá você tem a opção de desfazer (restaurar) a  exclusão ou mesmo eliminar o post por completo (Excluir  permanentemente).&lt;br /&gt;
&lt;br /&gt;
&lt;img alt=&quot;excluir-restaurar-post-WP&quot; border=&quot;0&quot; height=&quot;223&quot; src=&quot;http://lh4.ggpht.com/_rwJ50XF9OVI/TBP_HAlce8I/AAAAAAAADJM/SqvlA3dMGFs/excluir-restaurar-post-WP%5B6%5D.png?imgmax=800&quot; style=&quot;border: 0px none; display: block; float: none; margin-left: auto; margin-right: auto;&quot; title=&quot;excluir-restaurar-post-WP&quot; width=&quot;353&quot; /&gt; &lt;br /&gt;
&lt;br /&gt;
Volto a lembrar a importância do Backup para evitar acidentes e  imprevistos.&lt;br /&gt;
Fonte: Ferramentas Blog</content><link rel='replies' type='application/atom+xml' href='http://dicasparablogsbr.blogspot.com/feeds/7463909118211116038/comments/default' title='Postar comentários'/><link rel='replies' type='text/html' href='http://dicasparablogsbr.blogspot.com/2010/06/como-excluir-posts-e-imagens-do-seu.html#comment-form' title='1 Comentários'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/8674846264785641194/posts/default/7463909118211116038'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/8674846264785641194/posts/default/7463909118211116038'/><link rel='alternate' type='text/html' href='http://dicasparablogsbr.blogspot.com/2010/06/como-excluir-posts-e-imagens-do-seu.html' title='Como excluir posts e imagens do seu Blog'/><author><name>Paulo Cesar</name><uri>http://www.blogger.com/profile/01101463881033703802</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='32' height='20' src='//blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgEKwgifFohsHgBXvpG2mRUIPup0ajV-u_QOZWiwNeSjguSS4YgTevYVnuHwIPb280PaGJPbZOwi1SBAyQxEaUQANA9GpP_yfwIA_mWanaGLlQzu4qAFMMjEDnfG7hFztI/s1600/ELEVADOR%252BLACERDA.jpg'/></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="http://lh3.ggpht.com/_rwJ50XF9OVI/TBP_AbOqVGI/AAAAAAAADI4/aQ9t9ih1l7A/s72-c/editar-post-postagens-blogger%5B5%5D.png?imgmax=800" height="72" width="72"/><thr:total>1</thr:total></entry><entry><id>tag:blogger.com,1999:blog-8674846264785641194.post-2613718561324455183</id><published>2010-06-14T21:54:00.000-03:00</published><updated>2010-06-14T21:54:59.721-03:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="Domínio próprio"/><category scheme="http://www.blogger.com/atom/ns#" term="Utilidades"/><title type='text'>Ter ou não ter um domínio, eis a questão</title><content type='html'>&lt;div align=&quot;justify&quot;&gt;Eu costumo compatilhar com vocês as minhas &lt;b&gt;experiências  positivas&lt;/b&gt; com este blog, mas hoje vou falar de uma grande  besteira que fiz, para que vocês não sigam o mesmo caminho.&lt;/div&gt;&lt;div align=&quot;justify&quot;&gt;Quando eu comecei a blogar (lá vem a velha história…) eu  não tinha nenhuma pretensão além de dividir o que eu tinha aprendido  “fuçando” no Blogger e nem imaginava como se fazia pra retirar o  “blogspot.com” do endereço dos meus blogs. &lt;/div&gt;&lt;div align=&quot;justify&quot;&gt;Quando  o DB começou a crescer, eu já até sabia o que era um &lt;b&gt;domínio  próprio&lt;/b&gt;, mas achei que o “blogspot.com” combinava com o tema do  blog – Blogger/Blogspot.&lt;/div&gt;&lt;span id=&quot;fullpost&quot;&gt; &lt;/span&gt;&lt;br /&gt;
&lt;div align=&quot;justify&quot;&gt;&lt;span id=&quot;fullpost&quot;&gt;O  tempo foi passando e um belo dia eu resolvi que queria ao menos comprar  um domínio, pra depois decidir se iria usá-lo ou não…e daí o que  aconteceu? O domínio que eu queria estava &lt;b&gt;indisponível&lt;/b&gt;.  Alguém gostou do nome do blog, foi lá, registrou o domínio e não levou o  blog pra frente. Tentei contato com o indivíduo, porém não obtive  sucesso.&lt;/span&gt;&lt;/div&gt;&lt;div align=&quot;justify&quot;&gt;&lt;span id=&quot;fullpost&quot;&gt;Pra piorar ainda mais a situação, o  Dicas Blogger, hoje, está com um PageRank 6&amp;nbsp; e continua em segundão no  ranking do BlogBlogs (não por muito tempo, eu acho..) Mudar o domínio,  nesta altura do campeonato, poderia mais prejudicá-lo do que  favorecê-lo, já que todos os backlinks (links de outros blogs) seriam  perdidos.&lt;/span&gt;&lt;/div&gt;&lt;div align=&quot;justify&quot;&gt;&lt;span id=&quot;fullpost&quot;&gt;Portanto, meu queridos, se vocês têm  objetivos maiores com seus bloguinhos, pensem grande e registrem um  domínio próprio imediatamente. É barato, fácil de configurar e vocês  serão os donos de suas marcas. &lt;/span&gt;&lt;/div&gt;&lt;span id=&quot;fullpost&quot;&gt;&lt;/span&gt;&lt;span id=&quot;fullpost&quot;&gt;&lt;/span&gt;&lt;br /&gt;
&lt;a name=&#39;more&#39;&gt;&lt;/a&gt;&lt;span id=&quot;fullpost&quot;&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span id=&quot;fullpost&quot;&gt; &lt;/span&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;div align=&quot;justify&quot;&gt;Dizem os  entendidos que o ideal é comprar os principais domínios (.com,  .com.br,.net e etc), pra evitar que alguém tenha a mesma idéia e  registre um site com o mesmo nome.&lt;/div&gt;&lt;div align=&quot;justify&quot;&gt;Vocês devem  estar se perguntando: “Ah, pra que você quer mudar o endereço do blog se  ele já é conhecido e bem visitado?” Uai, deu vontade (brincadeira). Na  verdade ele até é conhecido e bem visitado, mas pode melhorar ainda  mais. &lt;/div&gt;&lt;div align=&quot;justify&quot;&gt;Conversei com vários colegas, inclusive  autores de blogs do mesmo nicho e todos afirmaram que, além de dar um ar  mais profissional, um domínio próprio aumenta o número de visitantes,  já que o “blogspot.com” é bloqueado em diversos locais - &lt;a href=&quot;http://www.gfsolucoes.net/gustavo/blogosfera/campanha-diga-nao-ao-bloqueio-de-blogs/&quot; target=&quot;_blank&quot;&gt;Campanha Diga não ao bloqueio de blogs&lt;/a&gt;. Sem contar  que não achei graça nenhuma o fato de, por ingenuidade &lt;strike&gt;burrada&lt;/strike&gt;  minha, terem criado um outro blog com o mesmo nome.&lt;/div&gt;&lt;div align=&quot;justify&quot;&gt;Há quem diga que é bobagem se preocupar com PageRank e  com o BlogBlogs. Bem, assim que eu tomar coragem pra colocar um dos  domínios que sobraram e que eu já comprei, voltarei para contar pra  vocês se a aventura foi pra melhor ou pra pior (adoro desafios).&lt;/div&gt;&lt;div align=&quot;justify&quot;&gt;Um outro ponto importante é: usar o Blogger ou o  Wordpress? Não posso opinar sobre o que eu ainda não conheço, só sei que  em matéria de plataforma gratuita, o Blogger dá um banho no &lt;a href=&quot;http://wordpress.com/&quot; target=&quot;_blank&quot;&gt;Wordpress.com&lt;/a&gt;. Por  outro lado, o &lt;a href=&quot;http://wordpress.org/&quot; target=&quot;_blank&quot;&gt;Wordpress.org&lt;/a&gt;  – aquele onde é necessário pagar por um serviço de hospedagem - é  repleto de funcionalidades que o Blogger (ainda) não tem e os  especialistas garantem que, em matéria de SEO, ele é muito melhor. &lt;/div&gt;&lt;div align=&quot;justify&quot;&gt;Está nos meus planos testar a plataforma Wordpress e  escrever sobre a experiência.&lt;/div&gt;&lt;div align=&quot;justify&quot;&gt;Pra quem se animou,  recomendo a compra do domínio no &lt;a href=&quot;http://www.uolhost.com.br/hospedagem-de-sites.html&quot; target=&quot;_blank&quot;&gt;Uol Host&lt;/a&gt;, devido ao excelente serviço de atendimento  que eles prestam no Twitter através do &lt;a href=&quot;http://twitter.com/uolhost_sac&quot;&gt;@uolhost_sac&lt;/a&gt;. E pra quem  deseja migrar pro Wordpress, mas morre de medo, indico a &lt;a href=&quot;http://www.viahospedagem.com.br/clientes/aff.php?aff=016&quot; target=&quot;_blank&quot;&gt;Via Hospedagem&lt;/a&gt;, do meu amigo &lt;a href=&quot;http://twitter.com/Becher&quot; target=&quot;_blank&quot;&gt;Becher&lt;/a&gt;. Ele tem uma  paciência de Jó com novatos e presta um atendimento bem pessoal.&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://dicasparablogsbr.blogspot.com/feeds/2613718561324455183/comments/default' title='Postar comentários'/><link rel='replies' type='text/html' href='http://dicasparablogsbr.blogspot.com/2010/06/ter-ou-nao-ter-um-dominio-eis-questao.html#comment-form' title='1 Comentários'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/8674846264785641194/posts/default/2613718561324455183'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/8674846264785641194/posts/default/2613718561324455183'/><link rel='alternate' type='text/html' href='http://dicasparablogsbr.blogspot.com/2010/06/ter-ou-nao-ter-um-dominio-eis-questao.html' title='Ter ou não ter um domínio, eis a questão'/><author><name>Paulo Cesar</name><uri>http://www.blogger.com/profile/01101463881033703802</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='32' height='20' src='//blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgEKwgifFohsHgBXvpG2mRUIPup0ajV-u_QOZWiwNeSjguSS4YgTevYVnuHwIPb280PaGJPbZOwi1SBAyQxEaUQANA9GpP_yfwIA_mWanaGLlQzu4qAFMMjEDnfG7hFztI/s1600/ELEVADOR%252BLACERDA.jpg'/></author><thr:total>1</thr:total></entry><entry><id>tag:blogger.com,1999:blog-8674846264785641194.post-1079455897852383446</id><published>2010-06-14T21:12:00.002-03:00</published><updated>2010-06-14T21:57:55.094-03:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="Primeiros Passos"/><title type='text'>Como mudar o endereço do Blogspot</title><content type='html'>&lt;div align=&quot;justify&quot;&gt;Outra pergunta frequente no fórum do Blogger é: como  faço para mudar o endereço do meu blog? Para quem está começando, tudo  parece difícil mesmo. Isso é natural.&lt;/div&gt;&lt;div align=&quot;justify&quot;&gt;Antes de  mais nada, é necessário que o novo endereço esteja disponível. Os  domínios do blogspot não expiram, então não adianta ir lá no fórum pedir  um endereço usado, mesmo que ele esteja sem atualizações há anos. Vejam  o que diz a &lt;b&gt;Ajuda do Blogger&lt;/b&gt; sobre este assunto - &lt;a href=&quot;http://www.google.com/support/blogger/bin/answer.py?hl=br&amp;amp;answer=41931&quot; target=&quot;_blank&quot;&gt;Este blog parece abandonado. Posso pegar o endereço  dele para mim?&lt;/a&gt;&lt;/div&gt;&lt;span id=&quot;fullpost&quot;&gt; &lt;/span&gt;&lt;br /&gt;
&lt;blockquote&gt;&lt;div align=&quot;justify&quot;&gt;&lt;span id=&quot;fullpost&quot;&gt;As contas do Blogger e os endereços do Blog*Spot não  expiram. Por isso, não podemos pegar o endereço do blog de outra pessoa e  passar para você. Às vezes as pessoas ficam um bom tempo sem usar o  blog, e queremos garantir que, ao voltar, encontrarão o blog tal como  deixaram. Se no blog houver algum endereço ou telefone, entre em contato  com a pessoa que criou o blog e veja se ela quer excluí-lo para que  você possa usar o endereço. Nós não podemos fornecer informações de  contato do autor de um blog.&lt;/span&gt;&lt;/div&gt;&lt;/blockquote&gt;&lt;span id=&quot;fullpost&quot;&gt;&lt;/span&gt;&lt;span id=&quot;fullpost&quot;&gt;&lt;/span&gt;&lt;br /&gt;
&lt;a name=&#39;more&#39;&gt;&lt;/a&gt;&lt;span id=&quot;fullpost&quot;&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span id=&quot;fullpost&quot;&gt; &lt;/span&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;div align=&quot;justify&quot;&gt;Outro detalhe importantíssimo: ao mudar o endereço do  seu blog, você vai perder os backlinks (links de outros blogs) e o &lt;a href=&quot;http://www.dicasblogger.com.br/2007/10/pagerank.html&quot;&gt;PageRank&lt;/a&gt;.  Já os posts e os comentários não sofrerão nenhuma alteração. Será  também necessário fazer alterações no FeedBurner.&lt;/div&gt;&lt;div align=&quot;justify&quot;&gt;O  Blogger permite o uso de um novo endereço usando o subdomínio &lt;b&gt;blogspot.com&lt;/b&gt;  ou usando um domínio próprio (.com, .com.br. net e etc). Já expliquei  em outros artigos o que deve ser feito para usar um domínio  personalizado e o que vai mudar com a alteração:&lt;/div&gt;A  decisão em mudar ou não para um domínio personalizado, cabe à você, caro  leitor&lt;br /&gt;
&lt;ul&gt;&lt;li&gt;&lt;a href=&quot;http://dicasparablogsbr.blogspot.com/2010/06/ter-ou-nao-ter-um-dominio-eis-questao.html&quot;&gt;Ter  ou não ter um domínio, eis a questão - Dicas Para Blogs Br&lt;/a&gt;  &lt;/li&gt;
&lt;/ul&gt;Hoje explicarei como usar um novo endereço, usando o próprio domínio  do Blogger.&lt;br /&gt;
&lt;div align=&quot;justify&quot;&gt;&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;&lt;a href=&quot;http://dicasparablogsbr.blogspot.com/&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot; target=&quot;_blank&quot;&gt;&lt;img alt=&quot;Image and video hosting by TinyPic&quot; border=&quot;0&quot; src=&quot;http://i50.tinypic.com/2608xgl.jpg&quot; /&gt;&lt;/a&gt;&lt;/div&gt;Entre no &lt;b&gt;painel &lt;/b&gt;e clique em &lt;b&gt;configurações&lt;/b&gt;.  Acesse a aba &lt;b&gt;publicação&lt;/b&gt;.&lt;br /&gt;
Em &lt;b&gt;Endereço do blogSpot&lt;/b&gt;,  apague o antigo e escreva o novo endereço. Faça a verificação de  palavras e clique em &lt;b&gt;salvar configurações&lt;/b&gt;. Pronto. Seu  blog já tem novo endereço ;)&lt;/div&gt;&lt;div align=&quot;justify&quot;&gt;Os domínios do  Blogger são gratuitos. Já os domínios próprios variam de R$15,00 a  R$30,00 por ano. Não é necessário contratar hospedagem para ter um  domínio próprio.&lt;/div&gt;&lt;div align=&quot;justify&quot;&gt;&lt;b&gt;ATUALIZAÇÃO EM  24/05/2010&lt;/b&gt;&lt;/div&gt;&lt;div align=&quot;justify&quot;&gt;Para mudar o nome do blog,  acesse: painel &amp;gt; configurações&amp;gt;aba básico&amp;gt;título.&lt;/div&gt;&lt;div align=&quot;justify&quot;&gt;Se os comentários desaparecerem, leia este post: &lt;a href=&quot;http://www.dicasblogger.com.br/2010/04/os-comentarios-do-seu-blog-sumiram.html&quot;&gt;Os  comentários do seu blog sumiram?&lt;/a&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://dicasparablogsbr.blogspot.com/feeds/1079455897852383446/comments/default' title='Postar comentários'/><link rel='replies' type='text/html' href='http://dicasparablogsbr.blogspot.com/2010/06/como-mudar-o-endereco-do-blogspot.html#comment-form' title='3 Comentários'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/8674846264785641194/posts/default/1079455897852383446'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/8674846264785641194/posts/default/1079455897852383446'/><link rel='alternate' type='text/html' href='http://dicasparablogsbr.blogspot.com/2010/06/como-mudar-o-endereco-do-blogspot.html' title='Como mudar o endereço do Blogspot'/><author><name>Paulo Cesar</name><uri>http://www.blogger.com/profile/01101463881033703802</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='32' height='20' src='//blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgEKwgifFohsHgBXvpG2mRUIPup0ajV-u_QOZWiwNeSjguSS4YgTevYVnuHwIPb280PaGJPbZOwi1SBAyQxEaUQANA9GpP_yfwIA_mWanaGLlQzu4qAFMMjEDnfG7hFztI/s1600/ELEVADOR%252BLACERDA.jpg'/></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="http://i50.tinypic.com/2608xgl_th.jpg" height="72" width="72"/><thr:total>3</thr:total></entry><entry><id>tag:blogger.com,1999:blog-8674846264785641194.post-3110976075676730581</id><published>2010-06-14T20:18:00.000-03:00</published><updated>2010-06-14T20:18:06.481-03:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="Dicas para Blog"/><title type='text'>Como colocar o hack “Leia Mais” no Blogger</title><content type='html'>&lt;a href=&quot;http://dicasparablogsbr.blogspot.com/&quot;&gt;&lt;img alt=&quot;hack-jump-break-blogger&quot; border=&quot;0&quot; height=&quot;377&quot; src=&quot;http://lh5.ggpht.com/_rwJ50XF9OVI/SqgUEWrTxPI/AAAAAAAACEI/G9qEa8_RBJk/hack-jump-break-blogger%5B7%5D.png?imgmax=800&quot; style=&quot;border-width: 0px; display: block; float: none; margin-left: auto; margin-right: auto;&quot; title=&quot;hack-jump-break-blogger&quot; width=&quot;526&quot; /&gt;&lt;/a&gt; &lt;br /&gt;
&lt;div align=&quot;justify&quot;&gt;Neste post vou ensiná-los a usar três modelos de  códigos para resumo de postagens na página inicial do Blogger: o  primeiro faz um resumo automático em todas as postagens, o segundo faz  um corte manual e o terceiro é o próprio “Leia Mais” (jump break) do  Blogger.&lt;/div&gt;&lt;div align=&quot;justify&quot;&gt;A nomenclatura para o resumo de  postagens na página inicial varia muito. Podemos chamar de “leia mais”,  “continue lendo”, “read more” e etc.&lt;/div&gt;&lt;div align=&quot;justify&quot;&gt;Os três  modelos são simples de implementar e a escolha fica a critério do  cliente ;)&lt;/div&gt;&lt;div align=&quot;justify&quot;&gt;Lembrando que nos templates que  disponibilizo aqui no DB, o segundo hack já vem instalado.&lt;/div&gt;&lt;div align=&quot;justify&quot;&gt;Antes de fazer qualquer alteração, é altamente  recomendável fazer um &lt;a href=&quot;http://dicasblogger.blogspot.com/2008/05/backup-template-widgets-blogger.html&quot;&gt;backup  do template&lt;/a&gt;.&lt;/div&gt;&lt;span id=&quot;fullpost&quot;&gt;&lt;a name=&#39;more&#39;&gt;&lt;/a&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span id=&quot;fullpost&quot;&gt; &lt;/span&gt;  &lt;span id=&quot;fullpost&quot;&gt; &lt;strong&gt;&lt;span style=&quot;color: #ff8000;&quot;&gt;&lt;span style=&quot;font-size: small;&quot;&gt;Modelo 1-Hack “Leia  mais” com corte automático&lt;/span&gt;&lt;/span&gt;&lt;/strong&gt;&lt;br /&gt;
&lt;div align=&quot;justify&quot;&gt;Entre  na &lt;strong&gt;aba&amp;nbsp; layout&lt;/strong&gt;, clique em &lt;strong&gt;editar html &lt;/strong&gt;e  marque a caixa &lt;strong&gt;expandir modelos de widgets&lt;/strong&gt;, localize  (Ctrl + F) a tag &lt;i&gt;&lt;b&gt;&lt;/b&gt;&lt;/i&gt; e cole, antes dela, o  seguinte código:&lt;/div&gt;&lt;blockquote&gt;&lt;script language=&quot;javascript&quot; src=&quot;http://halotemplates.s3.amazonaws.com/jquery-truncator/jquery-1.2.3.pack.js&quot; type=&quot;text/javascript&quot;&gt;

&lt;script language=&#39;javascript&#39; 
src=&#39;http://halotemplates.s3.amazonaws.com/jquery-truncator/jquery.extractor.js&#39;
 type=&#39;text/javascript&#39;/&gt;
&lt;script type=&#39;text/javascript&#39;&gt;
$(document).ready(function()
 {
$(&#39;.excerpt&#39;).expander({
slicePoint: &lt;b&gt;&lt;span style=&quot;color: rgb(0, 196, 0);&quot;&gt;280&lt;/span&gt;&lt;/b&gt;, // default is 100
expandEffect: 
&#39;fadeIn&#39;,
expandText: &#39;[...]&#39;, // default is &#39;read more...&#39;
userCollapseText:
 &#39;[^]&#39; // default is &#39;[collapse expanded text]&#39;
});
});
&lt;/script&gt;&lt;/blockquote&gt;&lt;span style=&quot;font-family: verdana; font-size: 78%;&quot;&gt;O destaque  representa a quantidade de caracteres html que será exibida na página  inicial.&lt;/span&gt;&lt;br /&gt;
Procure agora por este código:&lt;br /&gt;
&lt;blockquote&gt;&lt;div class=&quot;post-body entry-content&quot;&gt;&lt;br /&gt;
&lt;data:post.body&gt;&lt;br /&gt;
&lt;div style=&quot;clear: both;&quot;&gt; &lt;!-- clear for photos floats --&gt;&lt;/div&gt;&lt;/data:post.body&gt;&lt;/div&gt;&lt;/blockquote&gt;Pra quem usa templates do Dicas Blogger, procure por:&lt;br /&gt;
&lt;blockquote&gt;  &lt;br /&gt;
&lt;div class=&quot;post-body&quot; expr:id=&quot;&amp;quot;post-&amp;quot; + 
data:post.id&quot;&gt;&lt;br /&gt;
&lt;b:if cond=&quot;data:blog.pageType == 
&amp;quot;item&amp;quot;&quot;&gt;&lt;br /&gt;
&lt;style&gt;
#fullpost{display:inline;}
&lt;/style&gt;&lt;br /&gt;
&lt;data:post.body&gt;&lt;/data:post.body&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;b:else&gt;&lt;br /&gt;
&lt;style&gt;
#fullpost{display:none;}
&lt;/style&gt;&lt;br /&gt;
&lt;data:post.body&gt;&lt;/data:post.body&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;span id=&quot;showlink&quot;&gt;&lt;br /&gt;
&lt;a expr:href=&quot;data:post.url&quot; href=&quot;&quot;&gt;Continue lendo  &amp;gt;&amp;gt;&lt;/a&gt;&lt;/span&gt;&lt;br /&gt;
&lt;script type=&quot;text/javascript&quot;&gt;

checkFull(&amp;quot;post-&amp;quot; + 
&amp;quot;&lt;data:post.id/&gt;&amp;quot;);
&lt;/script&gt;&lt;/b:else&gt;&lt;/b:if&gt;&lt;/div&gt;&lt;/blockquote&gt;&lt;/span&gt;&lt;br /&gt;
Substitua tudo por: &lt;br /&gt;
&lt;blockquote&gt; &lt;b:if cond=&quot;data:blog.pageType != &amp;quot;item&amp;quot;&quot;&gt;&lt;br /&gt;
&lt;/b:if&gt;&lt;br /&gt;
&lt;div class=&quot;excerpt 
post-body entry-content&quot;&gt;&lt;br /&gt;
&lt;data:post.body&gt;&lt;br /&gt;
&lt;div style=&quot;clear: both;&quot;&gt; &lt;!-- clear for photos floats --&gt;&lt;/div&gt;&lt;br /&gt;
&lt;a expr:href=&quot;data:post.url&quot; href=&quot;&quot;&gt;&lt;strong&gt;&lt;span style=&quot;color: red;&quot;&gt;Continue  lendo...&lt;/span&gt;&lt;/strong&gt;&lt;/a&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;b:else&gt;&lt;br /&gt;
&lt;div class=&quot;post-body entry-content&quot;&gt;&lt;br /&gt;
&lt;data:post.body&gt;&lt;br /&gt;
&lt;div style=&quot;clear: both;&quot;&gt; &lt;!-- clear for photos floats --&gt;&lt;/div&gt;&lt;/data:post.body&gt;&lt;/div&gt;&lt;/b:else&gt;&lt;/data:post.body&gt;&lt;/div&gt;&lt;/blockquote&gt;Clique em visualizar e se tudo estiver ok, salve. &lt;br /&gt;
&lt;div align=&quot;justify&quot;&gt;Se quiser substituir a frase “continue lendo” por outra  de sua preferência, basta substituí-la no código acima (destaque em  vermelho).&lt;/div&gt;&lt;div align=&quot;justify&quot;&gt;&lt;strong&gt;ATUALIZAÇÃO EM 26/03/2010:&lt;/strong&gt;  Este hack parou de funcionar, por causa de um script que estava  hospedado em um servidor que deixou de ser gratuito. Para que o hack  volte a funcionar corretamente, leia este post do Compulsivo até o final  :&lt;/div&gt;&lt;blockquote&gt; &lt;div align=&quot;center&quot;&gt;&lt;a href=&quot;http://www.compulsivo.com.br/2008/09/posts-resumidos-no-blogspot-sem.html&quot;&gt;&lt;span style=&quot;font-size: small;&quot;&gt;Posts resumidos no Blogspot sem gambiarras&lt;/span&gt;&lt;/a&gt;&lt;/div&gt;&lt;/blockquote&gt;&lt;strong&gt;&lt;span style=&quot;color: #ff8000;&quot;&gt;&lt;span style=&quot;font-size: small;&quot;&gt;Modelo  2-Hack “Leia mais”com corte manual&lt;/span&gt;&lt;/span&gt;&lt;/strong&gt;&lt;br /&gt;
&lt;div align=&quot;justify&quot;&gt;Entre no html do seu template, marque a caixa &lt;strong&gt;expandir  modelos de widgets &lt;/strong&gt;e procure por &lt;strong&gt;.&lt;/strong&gt;  Cole o código abaixo &lt;strong&gt;antes&lt;/strong&gt; da tag &lt;/div&gt;&lt;blockquote&gt;  &lt;b:if cond=&quot;data:blog.pageType != &amp;quot;item&amp;quot;&quot;&gt;&lt;br /&gt;
&lt;script type=&quot;text/javascript&quot;&gt;

function checkFull(id) {
var post = 
document.getElementById(id);
var spans = 
post.getElementsByTagName(&#39;span&#39;);
var found = 0;
for (var i = 0; i
 &amp;lt; spans.length; i++) {
if (spans[i].id == &quot;fullpost&quot;) {
spans[i].style.display
 = &#39;none&#39;;
found = 1;
}
if ((spans[i].id == &quot;showlink&quot;) 
&amp;amp;&amp;amp; (found == 0))
spans[i].style.display = &#39;none&#39;;
}
}
&lt;/script&gt;&lt;/b:if&gt;&lt;/blockquote&gt;Procure agora por:&lt;br /&gt;
&lt;blockquote&gt; &lt;br /&gt;
&lt;div class=&quot;post-body&quot;&gt;&lt;br /&gt;
&lt;data:post.body&gt;&lt;/data:post.body&gt;&lt;/div&gt;&lt;/blockquote&gt;ou por:&lt;br /&gt;
&lt;blockquote&gt; &lt;br /&gt;
&lt;div class=&quot;post-body&quot;&gt;&lt;br /&gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;  &lt;data:post.body&gt;&lt;/data:post.body&gt;&lt;br /&gt;
&lt;br /&gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;div style=&quot;clear: both;&quot;&gt; &lt;!-- clear for photos floats --&gt;&lt;br /&gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp;  &lt;/div&gt;&lt;/div&gt;&lt;/blockquote&gt;Substitua tudo por: &lt;br /&gt;
&lt;blockquote&gt; &lt;br /&gt;
&lt;div class=&quot;post-body&quot; expr:id=&quot;&amp;quot;post-&amp;quot; + data:post.id&quot;&gt;&lt;br /&gt;
&lt;b:if cond=&quot;data:blog.pageType == &amp;quot;item&amp;quot;&quot;&gt;&lt;br /&gt;
&lt;style&gt;
#fullpost{display:inline;}
&lt;/style&gt;&lt;br /&gt;
&lt;data:post.body&gt;&lt;/data:post.body&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;b:else&gt;&lt;br /&gt;
&lt;style&gt;
#fullpost{display:none;}
&lt;/style&gt;&lt;br /&gt;
&lt;data:post.body&gt;&lt;/data:post.body&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;span id=&quot;showlink&quot;&gt;&lt;br /&gt;
&lt;a expr:href=&quot;data:post.url&quot; href=&quot;&quot;&gt;&lt;strong&gt;&lt;span style=&quot;color: red;&quot;&gt;Continue lendo&lt;/span&gt;&lt;/strong&gt;  &amp;gt;&amp;gt;&lt;/a&gt;&lt;/span&gt;&lt;br /&gt;
&lt;script type=&quot;text/javascript&quot;&gt;

checkFull(&quot;post-&quot; + 
&quot;&lt;data:post.id/&gt;&quot;);
&lt;/script&gt;&lt;/b:else&gt;&lt;/b:if&gt;&lt;/div&gt;&lt;/blockquote&gt;Clique em visualizar e se tudo estiver ok, clique em salvar. &lt;br /&gt;
&lt;div align=&quot;justify&quot;&gt;Escreva seu post normalmente e quando terminá-lo,  clique em&lt;strong&gt; editar html&lt;/strong&gt; e coloque o&amp;nbsp; código &lt;strong&gt;&lt;span id=&quot;fullpost&quot;&gt;&lt;/span&gt;&lt;/strong&gt; onde você deseja iniciar o resumo e &lt;strong&gt;&lt;/strong&gt;  no final do post.&lt;/div&gt;&lt;blockquote&gt; &lt;div align=&quot;center&quot;&gt;Post (área de  corte) &lt;span id=&quot;fullpost&quot;&gt; restante do post &lt;/span&gt;&lt;/div&gt;&lt;/blockquote&gt;Veja um exemplo na imagem abaixo:&lt;br /&gt;
&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg5_kxggiFmJ5YCl9NkCX2lPE6JlqEdKhf5SxBWsOTFlMLZ2I_pNrCDZSrhKxSm63t_L90aLB0n1esThAfjg0Dls4wJwLFDnmn0SFBQZhIyUJ7tlshqgKLemCU7k-4eI9AWTdyIFco19-m3/s1600-h/image%5B2%5D.png&quot;&gt;&lt;img alt=&quot;&quot; border=&quot;0&quot; height=&quot;227&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiBQhvrPofdn66i2n0ClyQF4lihWEq8mhLYuEe0p7uZ04CJUoiLVE-qEAnBtk6-7ylyyFX-tb_BtkVpOkxDG6KAuySmidMYb5pqPQosBNQwDOiayFIXKWSNSToIxOObJ1J26vgW_koma2mc/?imgmax=800&quot; style=&quot;border-width: 0px; display: block; float: none; margin-left: auto; margin-right: auto;&quot; title=&quot;&quot; width=&quot;500&quot; /&gt;&lt;/a&gt;&lt;br /&gt;
&lt;div align=&quot;justify&quot;&gt;Pra  quem usa o &lt;strong&gt;&lt;span style=&quot;color: green;&quot;&gt;Windows Live Writer&lt;/span&gt;&lt;/strong&gt;,  é necessário clicar na aba &lt;strong&gt;código fonte&lt;/strong&gt; e colocar o &lt;strong&gt;&lt;span id=&quot;fullpost&quot;&gt;&lt;/span&gt;&lt;/strong&gt; após o término de um parágrafo “&lt;/div&gt;” e  o &lt;strong&gt;&lt;/strong&gt; também. &lt;div align=&quot;justify&quot;&gt;&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjKMVzgOgapb5MH_5e4652wOc-UwF5l7EC1OEBajnz4v1zyFln7rDXNG0-nUX0bROSf_LZZxwZqyHbU3GG_O-qrpnLQ4gvanvHjw_0tBCz2DirOnnWjsn23DiBIaAWxCI_fhBVaxV3K04i7/s1600-h/leiamais%5B8%5D.jpg&quot;&gt;&lt;img alt=&quot;Html 
Windows Live Writer&quot; border=&quot;0&quot; height=&quot;217&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh3Id_ZXiHT9b_lWbn8g7iRACzTS2BTIs7xJh8B4vVSAl-KuMP-9F0ebzSQl6RZowK4IU3NF8BlfYo5ICCbtsQnrG_V4_lCoJ6A7IOzdqTlyriPrejb7TpTbby6rEYT6Jm1qATr3fwsi5X4/?imgmax=800&quot; style=&quot;border-width: 0px; display: block; float: none; margin-left: auto; margin-right: auto;&quot; title=&quot;Html Windows Live Writer&quot; width=&quot;502&quot; /&gt;&lt;/a&gt; &lt;/div&gt;&lt;strong&gt;&lt;span style=&quot;color: #ff8000;&quot;&gt;&lt;span style=&quot;font-size: small;&quot;&gt;Modelo 3-Jump Break – o  “leia Mais” do Blogger&lt;/span&gt;&lt;/span&gt;&lt;/strong&gt;&lt;br /&gt;
&lt;div align=&quot;justify&quot;&gt;Esta  nova função já está presente nos modelos padrão do Blogger. &lt;/div&gt;&lt;div align=&quot;justify&quot;&gt;Para quem usa um template personalizado – que é o caso  dos modelos criados por mim e pelos demais colegas – é preciso instalar  um código no html do template. &lt;/div&gt;&lt;div align=&quot;justify&quot;&gt;Entre em &lt;strong&gt;layout&lt;/strong&gt;,  &lt;strong&gt;editar html&lt;/strong&gt; e clique em &lt;strong&gt;expandir modelos de  widgets&lt;/strong&gt;. Usando a combinação Crtl+F do seu teclado, procure  pelo seguinte trecho: &lt;strong&gt;&lt;data:post.body&gt;&lt;/data:post.body&gt;&lt;/strong&gt; &lt;/div&gt;&lt;div align=&quot;justify&quot;&gt;Logo abaixo do trecho citado, cole o seguinte código: &lt;/div&gt;&lt;blockquote&gt; &lt;b:if cond=&quot;data:post.hasJumpLink&quot;&gt; &lt;/b:if&gt;&lt;br /&gt;
&lt;div class=&quot;jump-link&quot;&gt; &lt;br /&gt;
&lt;a expr:href=&quot;data:post.url + 
&amp;quot;#more&amp;quot;&quot; href=&quot;&quot;&gt;&lt;data:post.jumptext&gt;&lt;/data:post.jumptext&gt;&lt;/a&gt; &lt;/div&gt;&lt;/blockquote&gt;No caso dos &lt;a href=&quot;http://dicasblogger.blogspot.com/2008/09/templates-do-dicas-blogger.html&quot;&gt;templates  do Dicas Blogger&lt;/a&gt;, procure por &lt;strong&gt;&lt;data:post.body&gt;&lt;/data:post.body&gt;&lt;br /&gt;
.&lt;/strong&gt;  Este trecho aparecerá 2 vezes. Cole o código &lt;strong&gt;embaixo&lt;/strong&gt;  do segundo trecho: &lt;br /&gt;
&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj7Hf3RTlWDLrKzi2wnFy6EywBVhsxeaWtl35HZq8Cmm3h0zfba3xyiA4yVttWDuTzCDEX6kfy-5zwl96-5FZv_ycCtkguUp50ruSLJBBwg6oQghIAO6Y8hGfo1JJsN-spslxkDHs5a2BGy/s1600-h/image%5B23%5D.png&quot;&gt;&lt;img alt=&quot;instalando o&amp;lt;br /&amp;gt; código&quot; border=&quot;0&quot; height=&quot;146&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh_g-t6eGwmshuruL0Iz9RXaoCUH2zw7V4q_S7KcXKAWvxU-lBHB3d6HOoIl_SidVqSqbWYJ1DF0Ubvib-8b1rl8rxdM2cLKtrIk0eESQ8_k3cJdHjUJNJ5GQunZujGeIirZR6PnyMRo3d1/?imgmax=800&quot; style=&quot;display: block; float: none; margin-left: auto; margin-right: auto;&quot; title=&quot;instalando o código&quot; width=&quot;502&quot; /&gt;&lt;/a&gt; &lt;br /&gt;
&lt;div align=&quot;justify&quot;&gt;Para &lt;strong&gt;resumir  os posts&lt;/strong&gt;, é preciso usar o novo editor de textos do Blogger.  Para habilitá-lo, entre no painel, clique em configurações e, no final  da página, procure por &lt;strong&gt;configurações globais&lt;/strong&gt;. Marque a  opção &lt;strong&gt;editor atualizado.&lt;/strong&gt;&lt;/div&gt;&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg-qlXNvBdAATClITufAlvZOm8mdHEik1Lss9_ZRJ5aCJI0t9QVxA6zSmYFOGf8wZxaLxtiVzICiup3KhvdvuM8cZ6dxW75Y0GJiFXD8YaQCdKxS0XIydOjhnn0oLm8W9tNNUOUE831sGJL/s1600-h/image%5B19%5D.png&quot;&gt;&lt;img alt=&quot;&quot; border=&quot;0&quot; height=&quot;223&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjeqgND9xD3166KWCYoe42LriiWF2GkpVZlq_-JzbpeV0wNKQTbemvN9g4XkVo3ELi9XkKLSUUel4dxbVCluFO7xJadqqczLj-KxVtN6o2tZKaEmWU1yN_x74bBS6R2eZq-Stc3_s3_ls7F/?imgmax=800&quot; style=&quot;border-width: 0px; display: block; float: none; margin-left: auto; margin-right: auto;&quot; title=&quot;&quot; width=&quot;500&quot; /&gt;&lt;/a&gt;&lt;br /&gt;
Escreva seu post,  escolha a área de corte (resumo) e clique no ícone do jump break&lt;br /&gt;
&lt;div align=&quot;justify&quot;&gt;&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgmSj0uED0s0oq0DeWYKQUKRRHBwRWRX5M7S6um-To-Q1N575ZaI4vCpIAlDywl0W6lrZFpMwr04ptb3bSNIMwHc6kLSdY_8ffOWiX76skaHXPNEf0EAYmoNdGJV9sqqXKTJyOmrIT1lNDZ/s1600-h/image%5B29%5D.png&quot;&gt;&lt;img alt=&quot;Jump Break&quot; border=&quot;0&quot; height=&quot;242&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgD7-KAqbrkCvfJkBHzBnaFG_uERRVLa2vFMCCeKBSew2R5SSVdplEAO9QAUUKTrqrzWjs3HI6mzGRN1K3NMbOe5Ds7-zlggyV698qcdIu_qnKjXq4ZuJPFERTei9WxqmePrV_iJ4Ec2xYp/?imgmax=800&quot; style=&quot;border-width: 0px; display: block; float: none; margin-left: auto; margin-right: auto;&quot; title=&quot;Jump Break&quot; width=&quot;500&quot; /&gt;&lt;/a&gt; Muitos usuários relataram que  após o uso do jump break a sidebar foi parar embaixo dos posts, mas é  preciso apenas tomar alguns cuidados. &lt;strong&gt;O corte tem que ser  inserido após o fechamento de uma div&lt;/strong&gt;. Portanto, após a  inserção do jump break, é preciso clicar em &lt;strong&gt;editar html&lt;/strong&gt;&amp;nbsp;  e inserir o &lt;strong&gt;“more”&lt;/strong&gt; após o fechamento de uma div  (&lt;/div&gt;) &lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiCIxrkq2xmKNoCSqgbr_Cc3fSqZ6np8Vm4vfLEgokzXIbunndvM2d3FyJx5qHKpPTyrPN3VcG8kn2j1il_gFi1c4K05xClAqQ_AzEec_10OZ55hazij3SztJu3o1Fld4w6-vKEgg1XEOfZ/s1600-h/image%5B35%5D.png&quot;&gt;&lt;img alt=&quot;jump break erro&quot; border=&quot;0&quot; height=&quot;229&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiVj3nKpCr65wYUwUX7n_ZciKKzGL-D5AoPx3UrKwa5w42ZOnTPZBC10LE4p-WvCHGkAglyEHVnrQVfmJDxnHtAYXpotWJtLOluA9aOppxhIw8UpO5rtxlptLpbpyOXdJuPCiEyz2bH93mo/?imgmax=800&quot; style=&quot;border-width: 0px; display: block; float: none; margin-left: auto; margin-right: auto;&quot; title=&quot;jump break erro&quot; width=&quot;500&quot; /&gt;&lt;/a&gt; &lt;br /&gt;
&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiHbauVn2TQUw-IWsOoihUhOnhMUicWFz45A-0Qf6PajPQ4JBz9wQvqW6su60rap4kwvSKOgfssmIw2gZQUg4ACGx5TXqaT2nQKJrjz_VMrDClKf1J0vod4APtmbRH42yXNYsa4Vu3UPZUQ/s1600-h/image%5B41%5D.png&quot;&gt;&lt;img alt=&quot;jump break 
correto&quot; border=&quot;0&quot; height=&quot;229&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhQKIFMPJ_oBaW-lMrz8yEHaaS298PYWlR8uydVeMnhHJ66shGjuh-ue8aEW_7ALaMPE80YRDUb-MLO2YsPqmdFwKxnKLFrgzLndAXnHrJrevu8kQK4LhYKExcaAMQuE6K8cgMVssrr6L53/?imgmax=800&quot; style=&quot;border-width: 0px; display: block; float: none; margin-left: auto; margin-right: auto;&quot; title=&quot;jump break correto&quot; width=&quot;500&quot; /&gt;&lt;/a&gt;&lt;br /&gt;
&lt;div align=&quot;justify&quot;&gt;No Jump  Break, aparece a frase “mais informações” ao final do post. Para mudar a  frase, entre em &lt;strong&gt;elementos de página&lt;/strong&gt; e procure por &lt;strong&gt;postagens  no blog&lt;/strong&gt; (1). Clique em editar (2) e depois altere para um  texto do seu gosto (3).&lt;/div&gt;&lt;div align=&quot;justify&quot;&gt;&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhN-jC_DNUW9Wfq3mP0czNWl9HaAy1RTPi6_ofibovzNy1SIruer2KqMSoFFJ27fvjUW__L73s6ddRGECeLSdsI-j-bgvnSq3O_UYNekZkRD_zc77aUDWHzZJIOK6Iu9BV6qheiFd0AxGyN/s1600-h/jump%5B6%5D.jpg&quot;&gt;&lt;img alt=&quot;&quot; border=&quot;0&quot; height=&quot;248&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgHYHzh3T7ct3vyF-Q6dR9YzFDiM1vvFfm4GxdnNbIW4rtDm6L1D60sy6pI9uc7JsvLtg_jTixbIt79frsHy-ZRQbwhdmcV8iWAcDzd86kpuQkmUJqZi7UeRtQ62g1gBU8sHjden9-0sb1q/?imgmax=800&quot; style=&quot;border-width: 0px; display: block; float: none; margin-left: auto; margin-right: auto;&quot; title=&quot;&quot; width=&quot;508&quot; /&gt;&lt;/a&gt; &lt;/div&gt;&lt;div align=&quot;justify&quot;&gt;Todos  os modelos já haviam sido publicados aqui e em outros blogs, mas achei  que ficaria mais legal colocá-los em um único post para facilitar a vida  de todos.&lt;/div&gt;&lt;div align=&quot;justify&quot;&gt;Créditos para &lt;a href=&quot;http://usuariocompulsivo.blogspot.com/2009/01/posts-resumidos-na-pagina-inicial-do.html&quot; target=&quot;_blank&quot;&gt;Usuário Compulsivo&lt;/a&gt;, &lt;a href=&quot;http://www.bloggerbuster.com/2008/09/elegant-post-summaries-for-blogger-with.html&quot; target=&quot;_blank&quot;&gt;Blogger Buster&lt;/a&gt; e &lt;a href=&quot;http://elescaparatederosa.blogspot.com/2009/11/como-usar-correctamente-el-leer-mas.html&quot; target=&quot;_blank&quot;&gt;El Escaparate de Rosa&lt;/a&gt;.&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://dicasparablogsbr.blogspot.com/feeds/3110976075676730581/comments/default' title='Postar comentários'/><link rel='replies' type='text/html' href='http://dicasparablogsbr.blogspot.com/2010/06/como-colocar-o-hack-leia-mais-no.html#comment-form' title='2 Comentários'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/8674846264785641194/posts/default/3110976075676730581'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/8674846264785641194/posts/default/3110976075676730581'/><link rel='alternate' type='text/html' href='http://dicasparablogsbr.blogspot.com/2010/06/como-colocar-o-hack-leia-mais-no.html' title='Como colocar o hack “Leia Mais” no Blogger'/><author><name>Paulo Cesar</name><uri>http://www.blogger.com/profile/01101463881033703802</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='32' height='20' src='//blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgEKwgifFohsHgBXvpG2mRUIPup0ajV-u_QOZWiwNeSjguSS4YgTevYVnuHwIPb280PaGJPbZOwi1SBAyQxEaUQANA9GpP_yfwIA_mWanaGLlQzu4qAFMMjEDnfG7hFztI/s1600/ELEVADOR%252BLACERDA.jpg'/></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="http://lh5.ggpht.com/_rwJ50XF9OVI/SqgUEWrTxPI/AAAAAAAACEI/G9qEa8_RBJk/s72-c/hack-jump-break-blogger%5B7%5D.png?imgmax=800" height="72" width="72"/><thr:total>2</thr:total></entry><entry><id>tag:blogger.com,1999:blog-8674846264785641194.post-2773016099719715726</id><published>2010-03-26T18:55:00.000-03:00</published><updated>2010-03-26T18:55:32.090-03:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="Tutorial"/><category scheme="http://www.blogger.com/atom/ns#" term="Variedades"/><title type='text'>Slide de Posts Recentes - Introdução</title><content type='html'>&lt;span id=&quot;fullpost&quot;&gt;&lt;br /&gt;
&lt;/span&gt;&lt;br /&gt;
&lt;div class=&quot;separator first-img&quot; style=&quot;clear: both; text-align: center;&quot;&gt;&lt;a href=&quot;http://theme-zelia.blogspot.com/&quot;&gt;&lt;img border=&quot;0&quot; src=&quot;http://2.bp.blogspot.com/_ecj_-xaKLE0/S1xwJylIkNI/AAAAAAAAEXw/lwLFhxxry_0/s1600/slide.jpg&quot; /&gt;&lt;/a&gt;&lt;br /&gt;
&lt;/div&gt;&lt;br /&gt;
Muitos leitores se interessaram pelo slide de posts recentes. Pizcos  ensinou a fazer um estilo em seu artigo &lt;a href=&quot;http://humanossinsentido.blogspot.com/2009/08/slideshow-entradas-automatico.html&quot;&gt;Slideshow  entradas automatico&lt;/a&gt;. Podemos usar diversos scripts de slides,  aliados ao &lt;a href=&quot;http://www.bloggersphera.com/2009/01/posts-recentes-com-imagens-thumbs.html&quot;&gt;widget  de posts recentes&lt;/a&gt;. Para que você tente adaptar o widget ao slide de  seu gosto, vou explicar como faço essas adaptações.&lt;br /&gt;
&lt;a name=&#39;more&#39;&gt;&lt;/a&gt;&lt;br /&gt;
&lt;br /&gt;
Muitos leitores se interessaram pelo slide de posts recentes. Pizcos  ensinou a fazer um estilo em seu artigo &lt;a href=&quot;http://humanossinsentido.blogspot.com/2009/08/slideshow-entradas-automatico.html&quot;&gt;Slideshow  entradas automatico&lt;/a&gt;. Podemos usar diversos scripts de slides,  aliados ao &lt;a href=&quot;http://www.bloggersphera.com/2009/01/posts-recentes-com-imagens-thumbs.html&quot;&gt;widget  de posts recentes&lt;/a&gt;. Para que você tente adaptar o widget ao slide de  seu gosto, vou explicar como faço essas adaptações.&lt;br /&gt;
&lt;a href=&quot;&quot; name=&quot;more&quot;&gt;&lt;/a&gt;&lt;br /&gt;
&lt;br /&gt;
Este tutorial requer um conhecimento avançado de HTML, de CSS, e algum  conhecimento de JavaScript. Em próximos artigos, faço um passo a passo  para instalar vários tipos de slides para os usuários com menos  conhecimento.&lt;br /&gt;
&lt;br /&gt;
Vou usar como exemplo o &lt;a href=&quot;http://theme-zelia.blogspot.com/&quot;&gt;slide  do template Zélia&lt;/a&gt; que é o &lt;a href=&quot;http://www.serie3.info/s3slider/&quot;&gt;s3Slider&lt;/a&gt;.&lt;br /&gt;
&lt;br /&gt;
Em muitos scripts já vem escrito o modo como será a apresentação (neste  caso) do widget. Quando o &lt;a href=&quot;http://www.vietwebguide.com/2008/06/recent-post-widget-with-thumbnail.html&quot;&gt;Anhvo&lt;/a&gt;  criou o &lt;a href=&quot;http://docs.google.com/View?docID=0AQRupd7Ptb2fZGQ4cmtoaGNfNGNoejJyM2Nz&amp;amp;revision=_latest&quot;&gt;script  original de posts recentes&lt;/a&gt; montou a apresentação do widget em uma  tabela.&lt;br /&gt;
&lt;br /&gt;
Em geral, os slides utilizam listas/listas de links e, por isso,  modifiquei o script para uma apresentação dessa maneira. Identifiquei os  containers necessários de acordo com os containers do slide, a lista de  links e os ítens de lista, com &lt;b&gt;&lt;i&gt;ids&lt;/i&gt;&lt;/b&gt; e &lt;b&gt;&lt;i&gt;classes&lt;/i&gt;&lt;/b&gt;  e acrescentei uma &lt;b&gt;&lt;i&gt;span&lt;/i&gt;&lt;/b&gt; para os títulos dos posts e um  parágrafo &lt;b&gt;&lt;i&gt;p&lt;/i&gt;&lt;/b&gt; para o sumário dos posts. Retirei ainda  códigos desnecessários para esta aplicação.&lt;br /&gt;
&lt;br /&gt;
Veja como ficou o script (HTML + script) depois de modificado e já  montado nos respectivos containers - &lt;a href=&quot;http://dl.dropbox.com/u/1359531/Bloggersphera/slidepostsrecentes-html.txt&quot;&gt;slidepostsrecentes-html.txt&lt;/a&gt;&lt;br /&gt;
&lt;br /&gt;
Temos as &lt;b&gt;&lt;i&gt;ids&lt;/i&gt;&lt;/b&gt; &quot;slide-wrapper&quot; e &quot;postslide&quot; para os  containers. A lista de links foi nomeada com a &lt;b&gt;&lt;i&gt;id&lt;/i&gt;&lt;/b&gt;  &quot;postslideContent&quot; e os ítens de lista com a &lt;b&gt;&lt;i&gt;classe&lt;/i&gt;&lt;/b&gt;  &quot;postslideImage&quot;.&lt;br /&gt;
&lt;br /&gt;
Essas identificações foram usadas para o script do slide e para colocar  os estilos.&lt;br /&gt;
&lt;br /&gt;
Não foram feitas modificações no script do &lt;a href=&quot;http://www.serie3.info/s3slider/&quot;&gt;s3Slider&lt;/a&gt;, além da mudança da  chamada da função (de &quot;s3Slider&quot; para o nosso &quot;postslide&quot;), para não  haver risco de conflito se o usuário já tiver instalado o slide  original. &lt;br /&gt;
&lt;br /&gt;
O código do script ficou assim: &lt;a href=&quot;http://dl.dropbox.com/u/1359531/Bloggersphera/slidepostsrecentes-slide.txt&quot;&gt;slidepostsrecentes-slide.txt&lt;/a&gt;.&lt;br /&gt;
&lt;br /&gt;
Para a instalação, o script do slide fica dentro da tag &lt;code&gt;&lt;/code&gt;,  e o script do widget de posts recentes fica no body (sidebar, main,  header, etc).&lt;br /&gt;
&lt;br /&gt;
No widget usei a tag &lt;code&gt;data:blog.homepageUrl&lt;/code&gt;, assim é  possível criar templates para terceiros com o slide instalado e o  usuário não precisa mexer em nada (a menos que queira mudar as  configurações - nr de posts a ser mostrado, start dos posts, quantidade  de caracteres do sumário, etc).&lt;br /&gt;
&lt;br /&gt;
O s3Slider permite dezenas de variações de CSS. No Zelia, utilizei uma  das CSS padrões do plugin, com pequenas alterações e usando nossas &lt;b&gt;&lt;i&gt;ids&lt;/i&gt;&lt;/b&gt;  e &lt;b&gt;&lt;i&gt;classes&lt;/i&gt;&lt;/b&gt;: &lt;a href=&quot;http://dl.dropbox.com/u/1359531/Bloggersphera/slidepostsrecentes-css.css&quot;&gt;slidepostsrecentes-css.css&lt;/a&gt;.&lt;br /&gt;
&lt;br /&gt;
Bem, esta é uma introdução para quem deseja desenvolver outros slides,  usando essa mesma técnica. Em resumo: alterar o script do widget de  acordo com as ids, classes, span, parágrafos, etc, necessários para  adaptar ao slide. &lt;br /&gt;
&lt;br /&gt;
Como disse no início deste artigo, nos próximos posts ensino a instalar  vários tipos de slides que já testei.</content><link rel='replies' type='application/atom+xml' href='http://dicasparablogsbr.blogspot.com/feeds/2773016099719715726/comments/default' title='Postar comentários'/><link rel='replies' type='text/html' href='http://dicasparablogsbr.blogspot.com/2010/03/slide-de-posts-recentes-introducao.html#comment-form' title='2 Comentários'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/8674846264785641194/posts/default/2773016099719715726'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/8674846264785641194/posts/default/2773016099719715726'/><link rel='alternate' type='text/html' href='http://dicasparablogsbr.blogspot.com/2010/03/slide-de-posts-recentes-introducao.html' title='Slide de Posts Recentes - Introdução'/><author><name>Paulo Cesar</name><uri>http://www.blogger.com/profile/01101463881033703802</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='32' height='20' src='//blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgEKwgifFohsHgBXvpG2mRUIPup0ajV-u_QOZWiwNeSjguSS4YgTevYVnuHwIPb280PaGJPbZOwi1SBAyQxEaUQANA9GpP_yfwIA_mWanaGLlQzu4qAFMMjEDnfG7hFztI/s1600/ELEVADOR%252BLACERDA.jpg'/></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="http://2.bp.blogspot.com/_ecj_-xaKLE0/S1xwJylIkNI/AAAAAAAAEXw/lwLFhxxry_0/s72-c/slide.jpg" height="72" width="72"/><thr:total>2</thr:total></entry><entry><id>tag:blogger.com,1999:blog-8674846264785641194.post-1228334994054389998</id><published>2010-03-26T18:52:00.000-03:00</published><updated>2010-03-26T18:52:05.823-03:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="Assuntos Relevantes"/><category scheme="http://www.blogger.com/atom/ns#" term="Dicas para Blog"/><category scheme="http://www.blogger.com/atom/ns#" term="Tutorial"/><title type='text'>Tags do Blogger no Header - Imagem como background</title><content type='html'>&lt;span id=&quot;fullpost&quot;&gt;&lt;br /&gt;
&lt;/span&gt;&lt;br /&gt;
&lt;div class=&quot;separator first-img&quot; style=&quot;clear: both; text-align: center;&quot;&gt;&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh-tDeSJV7hbwMFElAe8bDW7HkV15Uc6tg3wwdCA4qZeqDBks9W0Nmm8Y-zlVsDeUbLKv7h0gzTxozD7bvj0NXaWpdSVShCZch2Ff07u1Gg62xzCqZvfeisfg-fJd-sBB39LD2RuoQTZbI/s1600-h/blogger-tags.png&quot;&gt;&lt;img border=&quot;0&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh-tDeSJV7hbwMFElAe8bDW7HkV15Uc6tg3wwdCA4qZeqDBks9W0Nmm8Y-zlVsDeUbLKv7h0gzTxozD7bvj0NXaWpdSVShCZch2Ff07u1Gg62xzCqZvfeisfg-fJd-sBB39LD2RuoQTZbI/s1600/blogger-tags.png&quot; /&gt;&lt;/a&gt;&lt;/div&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
O &lt;i&gt;Header&lt;/i&gt; do Blogger é um dos widgets que tem código mais extenso.  Entretanto, boa parte desse monte de caracteres trata-se de comentários  e condicionais. Veremos pedaço por pedaço dos códigos do &lt;i&gt;Header&lt;/i&gt; e  você perceberá que não é nenhum bicho-de-sete-cabeças.&lt;div class=&quot;separator first-img&quot; style=&quot;clear: both; text-align: center;&quot;&gt;&lt;/div&gt;&lt;div class=&quot;separator first-img&quot; style=&quot;clear: both; text-align: center;&quot;&gt;&lt;/div&gt;&lt;div class=&quot;separator first-img&quot; style=&quot;clear: both; text-align: center;&quot;&gt;&lt;/div&gt;&lt;div class=&quot;separator first-img&quot; style=&quot;clear: both; text-align: center;&quot;&gt;&lt;/div&gt;&lt;div class=&quot;separator first-img&quot; style=&quot;clear: both; text-align: center;&quot;&gt;&lt;/div&gt;&lt;div class=&quot;separator first-img&quot; style=&quot;clear: both; text-align: center;&quot;&gt;&lt;/div&gt;&lt;div class=&quot;separator first-img&quot; style=&quot;clear: both; text-align: center;&quot;&gt;&lt;/div&gt;&lt;div class=&quot;separator first-img&quot; style=&quot;clear: both; text-align: center;&quot;&gt;&lt;/div&gt;&lt;div class=&quot;separator first-img&quot; style=&quot;clear: both; text-align: center;&quot;&gt;&lt;/div&gt;&lt;div class=&quot;separator first-img&quot; style=&quot;clear: both; text-align: center;&quot;&gt;&lt;/div&gt;&lt;div class=&quot;separator first-img&quot; style=&quot;clear: both; text-align: center;&quot;&gt;&lt;/div&gt;&lt;br /&gt;
&lt;a name=&#39;more&#39;&gt;&lt;/a&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
O &lt;i&gt;Header&lt;/i&gt; do Blogger é um dos widgets que tem código mais extenso.  Entretanto, boa parte desse monte de caracteres trata-se de comentários  e condicionais. Veremos pedaço por pedaço dos códigos do &lt;i&gt;Header&lt;/i&gt; e  você perceberá que não é nenhum bicho-de-sete-cabeças.&lt;br /&gt;
&lt;br /&gt;
&lt;a href=&quot;&quot; name=&quot;more&quot;&gt;&lt;/a&gt;&lt;br /&gt;
Neste segundo artigo sobre as tags do Blogger, vamos aproveitar o código  do Header para aprender um pouco sobre as tags de dados e as  expressões. Também temos as tags codicionais no código do Header, mas  essas já foram bastante detalhadas em vários artigos do BloggerSPhera, e  você pode consultar a categoria &lt;a href=&quot;http://www.bloggersphera.com/search/label/Condicionais&quot;&gt;Condicionais&lt;/a&gt;.  Também começaremos a aprender sobre os &lt;b&gt;includes&lt;/b&gt; e &lt;b&gt;includables&lt;/b&gt;.&lt;br /&gt;
&lt;br /&gt;
O início do widget do &lt;i&gt;Header&lt;/i&gt; é semelhante aos outros widgets. Se  você leu &lt;a href=&quot;http://www.bloggersphera.com/2010/01/tags-do-blogger-introducao.html&quot;&gt;a  primeira parte da série&lt;/a&gt; &lt;b&gt;Tags do Blogger&lt;/b&gt;, vai encontrar as  tags que mencionamos: &lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;div class=&quot;syntaxhighlighter  xml&quot; id=&quot;highlighter_886316&quot;&gt;&lt;div class=&quot;bar           &quot;&gt;&lt;div class=&quot;toolbar&quot;&gt;&lt;a class=&quot;item viewSource&quot; href=&quot;http://www.bloggersphera.com/2010/02/tags-do-blogger-no-header-imagem-como.html#viewSource&quot; style=&quot;height: 16px; width: 16px;&quot; title=&quot;texto plano&quot;&gt;texto  plano&lt;/a&gt;&lt;a class=&quot;item printSource&quot; href=&quot;http://www.bloggersphera.com/2010/02/tags-do-blogger-no-header-imagem-como.html#printSource&quot; style=&quot;height: 16px; width: 16px;&quot; title=&quot;print&quot;&gt;print&lt;/a&gt;&lt;a class=&quot;item about&quot; href=&quot;http://www.bloggersphera.com/2010/02/tags-do-blogger-no-header-imagem-como.html#about&quot; style=&quot;height: 16px; width: 16px;&quot; title=&quot;?&quot;&gt;?&lt;/a&gt;&lt;/div&gt;&lt;/div&gt;&lt;div class=&quot;lines&quot;&gt;&lt;div class=&quot;line alt1&quot;&gt;&lt;table&gt;&lt;tbody&gt;
&lt;tr&gt;&lt;td class=&quot;number&quot;&gt;&lt;code&gt;1&lt;/code&gt;&lt;/td&gt;&lt;td class=&quot;content&quot;&gt;&lt;code class=&quot;xml 
plain&quot;&gt;&amp;lt;&lt;/code&gt;&lt;code class=&quot;xml keyword&quot;&gt;div&lt;/code&gt; &lt;code class=&quot;xml 
color1&quot;&gt;id&lt;/code&gt;&lt;code class=&quot;xml plain&quot;&gt;=&lt;/code&gt;&lt;code class=&quot;xml 
string&quot;&gt;&#39;header-wrapper&#39;&lt;/code&gt;&lt;code class=&quot;xml plain&quot;&gt;&amp;gt;&lt;/code&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;/tbody&gt;&lt;/table&gt;&lt;/div&gt;&lt;div class=&quot;line alt2&quot;&gt;&lt;table&gt;&lt;tbody&gt;
&lt;tr&gt;&lt;td class=&quot;number&quot;&gt;&lt;code&gt;2&lt;/code&gt;&lt;/td&gt;&lt;td class=&quot;content&quot;&gt;&lt;code class=&quot;spaces&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/code&gt;&lt;code class=&quot;xml 
plain&quot;&gt;&amp;lt;&lt;/code&gt;&lt;code class=&quot;xml keyword&quot;&gt;b:section&lt;/code&gt; &lt;code class=&quot;xml color1&quot;&gt;class&lt;/code&gt;&lt;code class=&quot;xml plain&quot;&gt;=&lt;/code&gt;&lt;code class=&quot;xml string&quot;&gt;&#39;header&#39;&lt;/code&gt; &lt;code class=&quot;xml color1&quot;&gt;id&lt;/code&gt;&lt;code class=&quot;xml plain&quot;&gt;=&lt;/code&gt;&lt;code class=&quot;xml string&quot;&gt;&#39;header&#39;&lt;/code&gt; &lt;code class=&quot;xml color1&quot;&gt;maxwidgets&lt;/code&gt;&lt;code class=&quot;xml plain&quot;&gt;=&lt;/code&gt;&lt;code class=&quot;xml string&quot;&gt;&#39;1&#39;&lt;/code&gt; &lt;code class=&quot;xml color1&quot;&gt;showaddelement&lt;/code&gt;&lt;code class=&quot;xml plain&quot;&gt;=&lt;/code&gt;&lt;code class=&quot;xml string&quot;&gt;&#39;no&#39;&lt;/code&gt;&lt;code class=&quot;xml plain&quot;&gt;&amp;gt;&lt;/code&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;/tbody&gt;&lt;/table&gt;&lt;/div&gt;&lt;div class=&quot;line alt1&quot;&gt;&lt;table&gt;&lt;tbody&gt;
&lt;tr&gt;&lt;td class=&quot;number&quot;&gt;&lt;code&gt;3&lt;/code&gt;&lt;/td&gt;&lt;td class=&quot;content&quot;&gt;&lt;code class=&quot;xml plain&quot;&gt;&amp;lt;&lt;/code&gt;&lt;code class=&quot;xml 
keyword&quot;&gt;b:widget&lt;/code&gt; &lt;code class=&quot;xml color1&quot;&gt;id&lt;/code&gt;&lt;code class=&quot;xml plain&quot;&gt;=&lt;/code&gt;&lt;code class=&quot;xml string&quot;&gt;&#39;Header1&#39;&lt;/code&gt; &lt;code class=&quot;xml color1&quot;&gt;locked&lt;/code&gt;&lt;code class=&quot;xml plain&quot;&gt;=&lt;/code&gt;&lt;code class=&quot;xml string&quot;&gt;&#39;true&#39;&lt;/code&gt; &lt;code class=&quot;xml color1&quot;&gt;title&lt;/code&gt;&lt;code class=&quot;xml plain&quot;&gt;=&lt;/code&gt;&lt;code class=&quot;xml string&quot;&gt;&#39;Nome do Blog  (Cabeçalho)&#39;&lt;/code&gt; &lt;code class=&quot;xml color1&quot;&gt;type&lt;/code&gt;&lt;code class=&quot;xml
 plain&quot;&gt;=&lt;/code&gt;&lt;code class=&quot;xml string&quot;&gt;&#39;Header&#39;&lt;/code&gt;&lt;code class=&quot;xml
 plain&quot;&gt;&amp;gt;&lt;/code&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;/tbody&gt;&lt;/table&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;br /&gt;
&lt;h3&gt;Includes&lt;/h3&gt;&lt;br /&gt;
Os &lt;b&gt;includes&lt;/b&gt; do Blogger, suas tags e atributos estão explicados &lt;a href=&quot;http://www.google.com/support/blogger/bin/answer.py?hl=br&amp;amp;answer=46995&quot;&gt;em  uma das páginas de Ajuda do Blogger&lt;/a&gt;. Para não repetir informação,  vou apenas acrescentar o que não está explicado lá.&lt;br /&gt;
&lt;br /&gt;
Todo o conteúdo dos widgets do Blogger fica dentro da tag &lt;code&gt;b:includable&lt;/code&gt;.  Essa tag deve ser aberta como no exemplo:&lt;br /&gt;
&lt;br /&gt;
&lt;div class=&quot;syntaxhighlighter  xml&quot; id=&quot;highlighter_401745&quot;&gt;&lt;div class=&quot;bar &quot;&gt;&lt;div class=&quot;toolbar&quot;&gt;&lt;a class=&quot;item viewSource&quot; href=&quot;http://www.bloggersphera.com/2010/02/tags-do-blogger-no-header-imagem-como.html#viewSource&quot; style=&quot;height: 16px; width: 16px;&quot; title=&quot;texto plano&quot;&gt;texto  plano&lt;/a&gt;&lt;a class=&quot;item printSource&quot; href=&quot;http://www.bloggersphera.com/2010/02/tags-do-blogger-no-header-imagem-como.html#printSource&quot; style=&quot;height: 16px; width: 16px;&quot; title=&quot;print&quot;&gt;print&lt;/a&gt;&lt;a class=&quot;item about&quot; href=&quot;http://www.bloggersphera.com/2010/02/tags-do-blogger-no-header-imagem-como.html#about&quot; style=&quot;height: 16px; width: 16px;&quot; title=&quot;?&quot;&gt;?&lt;/a&gt;&lt;/div&gt;&lt;/div&gt;&lt;div class=&quot;lines&quot;&gt;&lt;div class=&quot;line alt1&quot;&gt;&lt;table&gt;&lt;tbody&gt;
&lt;tr&gt;&lt;td class=&quot;number&quot;&gt;&lt;code&gt;1&lt;/code&gt;&lt;/td&gt;&lt;td class=&quot;content&quot;&gt;&lt;code class=&quot;xml 
plain&quot;&gt;&amp;lt;&lt;/code&gt;&lt;code class=&quot;xml keyword&quot;&gt;b:includable&lt;/code&gt; &lt;code class=&quot;xml color1&quot;&gt;id&lt;/code&gt;&lt;code class=&quot;xml plain&quot;&gt;=&lt;/code&gt;&lt;code class=&quot;xml string&quot;&gt;&#39;main&#39;&lt;/code&gt;&lt;code class=&quot;xml plain&quot;&gt;&amp;gt;&lt;/code&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;/tbody&gt;&lt;/table&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;br /&gt;
e depois de colocado todo o conteúdo deve ser fechada com:&lt;br /&gt;
&lt;br /&gt;
&lt;div class=&quot;syntaxhighlighter  xml&quot; id=&quot;highlighter_63015&quot;&gt;&lt;div class=&quot;bar &quot;&gt;&lt;div class=&quot;toolbar&quot;&gt;&lt;a class=&quot;item viewSource&quot; href=&quot;http://www.bloggersphera.com/2010/02/tags-do-blogger-no-header-imagem-como.html#viewSource&quot; style=&quot;height: 16px; width: 16px;&quot; title=&quot;texto plano&quot;&gt;texto  plano&lt;/a&gt;&lt;a class=&quot;item printSource&quot; href=&quot;http://www.bloggersphera.com/2010/02/tags-do-blogger-no-header-imagem-como.html#printSource&quot; style=&quot;height: 16px; width: 16px;&quot; title=&quot;print&quot;&gt;print&lt;/a&gt;&lt;a class=&quot;item about&quot; href=&quot;http://www.bloggersphera.com/2010/02/tags-do-blogger-no-header-imagem-como.html#about&quot; style=&quot;height: 16px; width: 16px;&quot; title=&quot;?&quot;&gt;?&lt;/a&gt;&lt;/div&gt;&lt;/div&gt;&lt;div class=&quot;lines&quot;&gt;&lt;div class=&quot;line alt1&quot;&gt;&lt;table&gt;&lt;tbody&gt;
&lt;tr&gt;&lt;td class=&quot;number&quot;&gt;&lt;code&gt;1&lt;/code&gt;&lt;/td&gt;&lt;td class=&quot;content&quot;&gt;&lt;code class=&quot;xml 
plain&quot;&gt;&lt;!--&lt;/code--&gt;&lt;code class=&quot;xml keyword&quot;&gt;b:includable&lt;/code&gt;&lt;code class=&quot;xml plain&quot;&gt;&amp;gt;&lt;/code&gt;&lt;/code&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;/tbody&gt;&lt;/table&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;br /&gt;
Agora a coisa fica um pouquinho mais complicada - os &lt;b&gt;includables&lt;/b&gt;  servem para separar os trechos de código dentro do widget. Sempre deve  haver um  &lt;b&gt;includable&lt;/b&gt; com uma &lt;code&gt;id=&#39;main&#39;&lt;/code&gt;. Em alguns  widgets temos mais de um &lt;b&gt;includable&lt;/b&gt; e &lt;b&gt;include&lt;/b&gt;, que &lt;i&gt;explicam&lt;/i&gt;  ao browser &lt;b&gt;o que&lt;/b&gt; e &lt;b&gt;como&lt;/b&gt; determinado HTML deve ser  interpretado. Os &lt;b&gt;includables&lt;/b&gt; não aparecem no código fonte da  maneira como estão escritos no HTML do template. Vamos ver no exemplo do  &lt;i&gt;Header&lt;/i&gt;, para que você entenda melhor.&lt;br /&gt;
&lt;br /&gt;
No &lt;i&gt;Header&lt;/i&gt; temos 3 &lt;b&gt;includables&lt;/b&gt;. O primeiro tem a &lt;code&gt;id=&#39;main&#39;&lt;/code&gt;  e explica ao browser o que fazer quando há imagem de fundo ou não; se o  título fica sobre a imagem, ou se a imagem substitui o texto do título,  etc. &lt;br /&gt;
&lt;br /&gt;
Vejamos linha a linha esse trecho do código:&lt;br /&gt;
&lt;br /&gt;
&lt;code&gt;&lt;b:if cond=&quot;data:useImage&quot;&gt;&lt;/b:if&gt;&lt;/code&gt;&lt;br /&gt;
Uma condicional: &quot;&lt;b&gt;&lt;i&gt;se for usada uma imagem&lt;/i&gt;&lt;/b&gt;&quot; (Atenção para a  tag &lt;b&gt;data&lt;/b&gt; conforme descrito na página de Ajuda do Blogger.)&lt;br /&gt;
&lt;br /&gt;
&lt;code&gt;&lt;b:if cond=&quot;data:imagePlacement == 
&amp;quot;REPLACE&amp;quot;&quot;&gt;&lt;/b:if&gt;&lt;/code&gt;&lt;br /&gt;
Outra condicional: &quot;Se a condição &#39;substituir imagem&#39; for igual a  &#39;SUBSTITUA&#39;&quot;&lt;br /&gt;
&lt;br /&gt;
&lt;code&gt;&lt;!--Show just the image, no text--&gt;&lt;/code&gt;&lt;br /&gt;
Comentário: Mostre apenas a imagem, sem o texto.&lt;br /&gt;
&lt;b&gt;Um pouco de HTML&lt;/b&gt;: Os comentários em HTML devem ser sempre  escritos entre os sinais, conforme acima: &lt;!-- Comentário --&gt; -  Eles servem para o desenvolvedor colocar frases (para si ou para o  usuário) que explicam o que o código está fazendo. &lt;br /&gt;
&lt;br /&gt;
&lt;code&gt;&lt;/code&gt;&lt;div id=&quot;header-inner&quot;&gt;&lt;br /&gt;
Abrimos uma &lt;b&gt;div&lt;/b&gt; &quot;header-inner&quot;&lt;br /&gt;
&lt;br /&gt;
&lt;code&gt;&lt;a expr:href=&quot;data:blog.homepageUrl&quot; href=&quot;&quot; style=&quot;display: block;&quot;&gt;&lt;/a&gt;&lt;/code&gt;&lt;a expr:href=&quot;data:blog.homepageUrl&quot; href=&quot;&quot; style=&quot;display: block;&quot;&gt;&lt;br /&gt;
Um link para a home-page do blog através de uma expressão.&lt;br /&gt;
&lt;br /&gt;
Vamos dar uma paradinha agora para explicar esses &lt;b&gt;links com  expressões&lt;/b&gt;.&lt;br /&gt;
Primeiro, releia com atenção a explicação sobre a tag &lt;code&gt;data:&lt;/code&gt;  na página de Ajuda do Blogger, pois ela é muito importante. Em &lt;/a&gt;&lt;a href=&quot;http://www.google.com/support/blogger/bin/answer.py?hl=en&amp;amp;answer=47270&quot;&gt;outra  página da Ajuda do Blogger&lt;/a&gt;, você encontra a lista de todas as tags  de dados (&lt;b&gt;&lt;i&gt;data tags&lt;/i&gt;&lt;/b&gt;) que podem ser usadas com a tag &lt;code&gt;data:&lt;/code&gt;.&lt;br /&gt;
&lt;br /&gt;
Quando você precisa construir um link para uma página que você não  conhece o endereço, mas existe uma tag de dados, você usa  &lt;code&gt;a  expr:href=&#39;&lt;/code&gt;.&lt;br /&gt;
&lt;br /&gt;
Um exemplo: &lt;code&gt;a expr:href=&#39;data:label.url&#39;&lt;/code&gt; faz um link para  uma página de marcadores. &lt;br /&gt;
&lt;br /&gt;
É importante você ficar atento que algumas tags de dados funcionam  apenas dentro dos widgets para as quais elas &lt;b&gt;&lt;i&gt;trabalham&lt;/i&gt;&lt;/b&gt;. A  tag &lt;code&gt;data:description&lt;/code&gt;, por exemplo, só pode ser usada dentro  do widget do Header. Já a tag &lt;code&gt;data:blog.homepageUrl&lt;/code&gt; pode  ser usada em vários locais do código inteiro do template.&lt;br /&gt;
&lt;br /&gt;
Se vocês acharem que está complicado, me avisem, que assim faço &lt;i&gt;&lt;b&gt;um  capítulo especial&lt;/b&gt;&lt;/i&gt; para as tags de dados. &lt;br /&gt;
&lt;br /&gt;
Continuemos, então com o código de nosso Header:&lt;br /&gt;
&lt;br /&gt;
&lt;div class=&quot;syntaxhighlighter  xml&quot; id=&quot;highlighter_123725&quot;&gt;&lt;div class=&quot;bar             &quot;&gt;&lt;div class=&quot;toolbar&quot;&gt;&lt;a class=&quot;item viewSource&quot; href=&quot;http://www.bloggersphera.com/2010/02/tags-do-blogger-no-header-imagem-como.html#viewSource&quot; style=&quot;height: 16px; width: 16px;&quot; title=&quot;texto plano&quot;&gt;texto  plano&lt;/a&gt;&lt;a class=&quot;item printSource&quot; href=&quot;http://www.bloggersphera.com/2010/02/tags-do-blogger-no-header-imagem-como.html#printSource&quot; style=&quot;height: 16px; width: 16px;&quot; title=&quot;print&quot;&gt;print&lt;/a&gt;&lt;a class=&quot;item about&quot; href=&quot;http://www.bloggersphera.com/2010/02/tags-do-blogger-no-header-imagem-como.html#about&quot; style=&quot;height: 16px; width: 16px;&quot; title=&quot;?&quot;&gt;?&lt;/a&gt;&lt;/div&gt;&lt;/div&gt;&lt;div class=&quot;lines&quot;&gt;&lt;div class=&quot;line alt1&quot;&gt;&lt;table&gt;&lt;tbody&gt;
&lt;tr&gt;&lt;td class=&quot;number&quot;&gt;&lt;code&gt;1&lt;/code&gt;&lt;/td&gt;&lt;td class=&quot;content&quot;&gt;&lt;code class=&quot;xml 
plain&quot;&gt;&amp;lt;&lt;/code&gt;&lt;code class=&quot;xml keyword&quot;&gt;img&lt;/code&gt; &lt;code class=&quot;xml 
color1&quot;&gt;expr:alt&lt;/code&gt;&lt;code class=&quot;xml plain&quot;&gt;=&lt;/code&gt;&lt;code class=&quot;xml 
string&quot;&gt;&#39;data:title&#39;&lt;/code&gt; &lt;code class=&quot;xml color1&quot;&gt;expr:height&lt;/code&gt;&lt;code class=&quot;xml plain&quot;&gt;=&lt;/code&gt;&lt;code class=&quot;xml string&quot;&gt;&#39;data:height&#39;&lt;/code&gt;  &lt;code class=&quot;xml color1&quot;&gt;expr:id&lt;/code&gt;&lt;code class=&quot;xml plain&quot;&gt;=&lt;/code&gt;&lt;code class=&quot;xml string&quot;&gt;&#39;data:widget.instanceId +  &quot;_headerimg&quot;&#39;&lt;/code&gt; &lt;code class=&quot;xml color1&quot;&gt;expr:src&lt;/code&gt;&lt;code class=&quot;xml plain&quot;&gt;=&lt;/code&gt;&lt;code class=&quot;xml string&quot;&gt;&#39;data:sourceUrl&#39;&lt;/code&gt;  &lt;code class=&quot;xml color1&quot;&gt;expr:width&lt;/code&gt;&lt;code class=&quot;xml plain&quot;&gt;=&lt;/code&gt;&lt;code class=&quot;xml string&quot;&gt;&#39;data:width&#39;&lt;/code&gt; &lt;code class=&quot;xml color1&quot;&gt;style&lt;/code&gt;&lt;code class=&quot;xml plain&quot;&gt;=&lt;/code&gt;&lt;code class=&quot;xml string&quot;&gt;&#39;display: block&#39;&lt;/code&gt;&lt;code class=&quot;xml plain&quot;&gt;/&amp;gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;/code&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;/tbody&gt;&lt;/table&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;br /&gt;
Esse é o código da imagem que é carregada e que ficará no background do  Header. É a continuação daquele link que vimos acima e ao clicar na  imagem, o leitor é direcionado para a home page do blog. Apesar de ser  um código longo, não tem mistérios:&lt;br /&gt;
&lt;br /&gt;
- os atributos (alt, height, width, src) usam expressões e tags de  dados;&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
Mais uma paradinha aqui para complementar a explicação sobre expressões.  Algumas expressões precisam de tags de dados &lt;b&gt;&lt;span style=&quot;font-size: large;&quot;&gt;MAIS&lt;/span&gt;&lt;/b&gt; algum outro valor. Neste exemplo é o caso da id  da imagem: &lt;code&gt; expr:id=&#39;data:widget.instanceId +  &quot;_headerimg&quot;&#39;&lt;/code&gt;&lt;br /&gt;
&lt;br /&gt;
Tag de dados de id de widget (data:widget.instanceId) &lt;b&gt;&lt;span style=&quot;font-size: large;&quot;&gt;MAIS&lt;/span&gt;&lt;/b&gt; o nome da id (_headerimg).&lt;br /&gt;
&lt;br /&gt;
As expressões que usam esse &lt;b&gt;&lt;span style=&quot;font-size: large;&quot;&gt;MAIS&lt;/span&gt;&lt;/b&gt;  devem ser sempre escritas dessa forma:&lt;br /&gt;
&lt;br /&gt;
expr (dois pontos) atributo (aspas simples) (sinal de igual) tag de dado  e seu valor (sinal de mais) (aspas duplas) valor (aspas duplas) (aspas  simples)&lt;br /&gt;
&lt;br /&gt;
Outro exemplo para você entender melhor: um link que leva à página de  feed de um blog, construído com uma expressão.&lt;br /&gt;
&lt;br /&gt;
Se for para o feed do BloggerSPhera, o link normal seria assim:&lt;br /&gt;
&lt;br /&gt;
&lt;pre&gt;&lt;code&gt;
&lt;a href=&quot;http://www.bloggersphera.com/feeds/posts/default&quot;&gt;
&lt;/a&gt;&lt;/code&gt;&lt;/pre&gt;&lt;a href=&quot;http://www.bloggersphera.com/feeds/posts/default&quot;&gt;&lt;br /&gt;
Se não sabemos o nome do blog, usamos a expressão e a tag de dados e  construímos o código assim:&lt;br /&gt;
&lt;br /&gt;
&lt;/a&gt;&lt;pre&gt;&lt;code&gt;&lt;a href=&quot;http://www.bloggersphera.com/feeds/posts/default&quot;&gt;
&lt;/a&gt;&lt;a expr:href=&quot;data:blog.homepageUrl + &amp;quot;feeds/posts/default&amp;quot;&quot; href=&quot;&quot;&gt;
&lt;/a&gt;&lt;/code&gt;&lt;/pre&gt;&lt;a expr:href=&quot;data:blog.homepageUrl + &amp;quot;feeds/posts/default&amp;quot;&quot; href=&quot;&quot;&gt;&lt;br /&gt;
Continuando:&lt;br /&gt;
&lt;br /&gt;
&lt;/a&gt;&lt;div class=&quot;syntaxhighlighter  xml&quot; id=&quot;highlighter_233935&quot;&gt;&lt;div class=&quot;bar           &quot;&gt;&lt;div class=&quot;toolbar&quot;&gt;&lt;a class=&quot;item viewSource&quot; href=&quot;http://www.bloggersphera.com/2010/02/tags-do-blogger-no-header-imagem-como.html#viewSource&quot; style=&quot;height: 16px; width: 16px;&quot; title=&quot;texto plano&quot;&gt;texto  plano&lt;/a&gt;&lt;a class=&quot;item printSource&quot; href=&quot;http://www.bloggersphera.com/2010/02/tags-do-blogger-no-header-imagem-como.html#printSource&quot; style=&quot;height: 16px; width: 16px;&quot; title=&quot;print&quot;&gt;print&lt;/a&gt;&lt;a class=&quot;item about&quot; href=&quot;http://www.bloggersphera.com/2010/02/tags-do-blogger-no-header-imagem-como.html#about&quot; style=&quot;height: 16px; width: 16px;&quot; title=&quot;?&quot;&gt;?&lt;/a&gt;&lt;/div&gt;&lt;/div&gt;&lt;div class=&quot;lines&quot;&gt;&lt;div class=&quot;line alt1&quot;&gt;&lt;table&gt;&lt;tbody&gt;
&lt;tr&gt;&lt;td class=&quot;number&quot;&gt;&lt;code&gt;01&lt;/code&gt;&lt;/td&gt;&lt;td class=&quot;content&quot;&gt;&lt;code class=&quot;xml 
plain&quot;&gt;&lt;!--&lt;/code--&gt;&lt;code class=&quot;xml keyword&quot;&gt;a&lt;/code&gt;&lt;code class=&quot;xml 
plain&quot;&gt;&amp;gt;&lt;/code&gt;&lt;/code&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;/tbody&gt;&lt;/table&gt;&lt;/div&gt;&lt;div class=&quot;line alt2&quot;&gt;&lt;table&gt;&lt;tbody&gt;
&lt;tr&gt;&lt;td class=&quot;number&quot;&gt;&lt;code&gt;02&lt;/code&gt;&lt;/td&gt;&lt;td class=&quot;content&quot;&gt;&lt;code class=&quot;spaces&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/code&gt;&lt;code class=&quot;xml plain&quot;&gt;&lt;!--&lt;/code--&gt;&lt;code class=&quot;xml keyword&quot;&gt;div&lt;/code&gt;&lt;code class=&quot;xml plain&quot;&gt;&amp;gt;&lt;/code&gt;&lt;/code&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;/tbody&gt;&lt;/table&gt;&lt;/div&gt;&lt;div class=&quot;line alt1&quot;&gt;&lt;table&gt;&lt;tbody&gt;
&lt;tr&gt;&lt;td class=&quot;number&quot;&gt;&lt;code&gt;03&lt;/code&gt;&lt;/td&gt;&lt;td class=&quot;content&quot;&gt;&lt;code class=&quot;spaces&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/code&gt;&lt;code class=&quot;xml plain&quot;&gt;&amp;lt;&lt;/code&gt;&lt;code class=&quot;xml keyword&quot;&gt;b:else&lt;/code&gt;&lt;code class=&quot;xml plain&quot;&gt;/&amp;gt;&lt;/code&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;/tbody&gt;&lt;/table&gt;&lt;/div&gt;&lt;div class=&quot;line alt2&quot;&gt;&lt;table&gt;&lt;tbody&gt;
&lt;tr&gt;&lt;td class=&quot;number&quot;&gt;&lt;code&gt;04&lt;/code&gt;&lt;/td&gt;&lt;td class=&quot;content&quot;&gt;&lt;code class=&quot;spaces&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/code&gt;&lt;code class=&quot;xml 
comments&quot;&gt;&lt;!--&lt;/code&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;/tbody&gt;&lt;/table&gt;&lt;/div&gt;&lt;div class=&quot;line
 alt1&quot;&gt;&lt;table&gt;&lt;tbody&gt;
&lt;tr&gt;&lt;td class=&quot;number&quot;&gt;&lt;code&gt;05&lt;/code&gt;&lt;/td&gt;&lt;td class=&quot;content&quot;&gt;&lt;code class=&quot;spaces&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/code&gt;&lt;code class=&quot;xml 
comments&quot;&gt;Show image as background to text. You can&#39;t really calculate  the width&lt;/code&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;/tbody&gt;&lt;/table&gt;&lt;/div&gt;&lt;div class=&quot;line alt2&quot;&gt;&lt;table&gt;&lt;tbody&gt;
&lt;tr&gt;&lt;td class=&quot;number&quot;&gt;&lt;code&gt;06&lt;/code&gt;&lt;/td&gt;&lt;td class=&quot;content&quot;&gt;&lt;code class=&quot;spaces&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/code&gt;&lt;code class=&quot;xml comments&quot;&gt;reliably in JS  because margins are not taken into account by any of&lt;/code&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;/tbody&gt;&lt;/table&gt;&lt;/div&gt;&lt;div class=&quot;line alt1&quot;&gt;&lt;table&gt;&lt;tbody&gt;
&lt;tr&gt;&lt;td class=&quot;number&quot;&gt;&lt;code&gt;07&lt;/code&gt;&lt;/td&gt;&lt;td class=&quot;content&quot;&gt;&lt;code class=&quot;spaces&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/code&gt;&lt;code class=&quot;xml 
comments&quot;&gt;clientWidth, offsetWidth or scrollWidth, so we don&#39;t force a  minimum&lt;/code&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;/tbody&gt;&lt;/table&gt;&lt;/div&gt;&lt;div class=&quot;line alt2&quot;&gt;&lt;table&gt;&lt;tbody&gt;
&lt;tr&gt;&lt;td class=&quot;number&quot;&gt;&lt;code&gt;08&lt;/code&gt;&lt;/td&gt;&lt;td class=&quot;content&quot;&gt;&lt;code class=&quot;spaces&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/code&gt;&lt;code class=&quot;xml comments&quot;&gt;width if the user  is using shrink to fit.&lt;/code&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;/tbody&gt;&lt;/table&gt;&lt;/div&gt;&lt;div class=&quot;line alt1&quot;&gt;&lt;table&gt;&lt;tbody&gt;
&lt;tr&gt;&lt;td class=&quot;number&quot;&gt;&lt;code&gt;09&lt;/code&gt;&lt;/td&gt;&lt;td class=&quot;content&quot;&gt;&lt;code class=&quot;spaces&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/code&gt;&lt;code class=&quot;xml 
comments&quot;&gt;This results in a margin-width&#39;s worth of pixels being  cropped. If the&lt;/code&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;/tbody&gt;&lt;/table&gt;&lt;/div&gt;&lt;div class=&quot;line 
alt2&quot;&gt;&lt;table&gt;&lt;tbody&gt;
&lt;tr&gt;&lt;td class=&quot;number&quot;&gt;&lt;code&gt;10&lt;/code&gt;&lt;/td&gt;&lt;td class=&quot;content&quot;&gt;&lt;code class=&quot;spaces&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/code&gt;&lt;code class=&quot;xml 
comments&quot;&gt;user is not using shrink to fit then we expand the header.&lt;/code&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;/tbody&gt;&lt;/table&gt;&lt;/div&gt;&lt;div class=&quot;line alt1&quot;&gt;&lt;table&gt;&lt;tbody&gt;
&lt;tr&gt;&lt;td class=&quot;number&quot;&gt;&lt;code&gt;11&lt;/code&gt;&lt;/td&gt;&lt;td class=&quot;content&quot;&gt;&lt;code class=&quot;spaces&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/code&gt;&lt;code class=&quot;xml 
comments&quot;&gt;--&gt;&lt;/code&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;/tbody&gt;&lt;/table&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;br /&gt;
Fechamos o link, fechamos a div header inner e temos um &lt;b&gt;SENÃO&lt;/b&gt;  para aquela condicional &quot;Se a condição &#39;substituir imagem&#39; for igual a  &#39;SUBSTITUA&#39;&quot;.&lt;br /&gt;
&lt;br /&gt;
Depois temos um comentário longo que em resumo significa que a imagem  será mostrada como background ao texto (título do blog) e que a largura  da imagem poderá ser modificada (reduzida) caso você faça essa opção ao  fazer o upload da imagem.&lt;br /&gt;
&lt;br /&gt;
O código que vem em seguida fornece instruções sobre como mostrar a  imagem como background do título do blog (obedecendo a condicional), e  veremos em nosso próximo post. &lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://dicasparablogsbr.blogspot.com/feeds/1228334994054389998/comments/default' title='Postar comentários'/><link rel='replies' type='text/html' href='http://dicasparablogsbr.blogspot.com/2010/03/tags-do-blogger-no-header-imagem-como.html#comment-form' title='0 Comentários'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/8674846264785641194/posts/default/1228334994054389998'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/8674846264785641194/posts/default/1228334994054389998'/><link rel='alternate' type='text/html' href='http://dicasparablogsbr.blogspot.com/2010/03/tags-do-blogger-no-header-imagem-como.html' title='Tags do Blogger no Header - Imagem como background'/><author><name>Paulo Cesar</name><uri>http://www.blogger.com/profile/01101463881033703802</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='32' height='20' src='//blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgEKwgifFohsHgBXvpG2mRUIPup0ajV-u_QOZWiwNeSjguSS4YgTevYVnuHwIPb280PaGJPbZOwi1SBAyQxEaUQANA9GpP_yfwIA_mWanaGLlQzu4qAFMMjEDnfG7hFztI/s1600/ELEVADOR%252BLACERDA.jpg'/></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh-tDeSJV7hbwMFElAe8bDW7HkV15Uc6tg3wwdCA4qZeqDBks9W0Nmm8Y-zlVsDeUbLKv7h0gzTxozD7bvj0NXaWpdSVShCZch2Ff07u1Gg62xzCqZvfeisfg-fJd-sBB39LD2RuoQTZbI/s72-c/blogger-tags.png" height="72" width="72"/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-8674846264785641194.post-603606942811380903</id><published>2009-12-17T11:34:00.000-03:00</published><updated>2009-12-17T11:34:25.402-03:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="Dicas para Blog"/><category scheme="http://www.blogger.com/atom/ns#" term="Tutorial"/><category scheme="http://www.blogger.com/atom/ns#" term="Variedades"/><title type='text'>Template para Blogspot: Hybrid News</title><content type='html'>&lt;span id=&quot;fullpost&quot;&gt;&lt;br /&gt;
&lt;/span&gt;&lt;a href=&quot;http://castroinfonet.blogspot.com/2009/08/template-para-blogspot-hybrid-news.html&quot; onblur=&quot;try {parent.deselectBloggerImageGracefully();} catch(e) {}&quot;&gt;&lt;img alt=&quot;&quot; border=&quot;0&quot; id=&quot;BLOGGER_PHOTO_ID_5365411761569374898&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEizU8ClxAD_BH9kd5NFLxkQ9SPvdVLQ8jYn9fprh_q9rmacMf8mBYJ7fnNPJVQu5rqYY4I5rfF1p4LgdApgus19n_gI7k8ZVbs24JFWvlvYkGCsX4et_ib01gUjQ_sdYU6FY2LK6Q60Mz8/s400/hybridnews.JPG&quot; style=&quot;cursor: pointer; display: block; height: 400px; margin: 0px auto 10px; text-align: center; width: 301px;&quot; /&gt;&lt;/a&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;a name=&#39;more&#39;&gt;&lt;/a&gt;&lt;br /&gt;
Template para Blogspot &lt;br /&gt;
Tema Original do WP : Hybrid&lt;br /&gt;
Convertido por : Free Blogger Templates&lt;br /&gt;
&lt;a href=&quot;http://hybridnews-fbt.blogspot.com/&quot; rel=&quot;nofollow&quot; target=&quot;_blank&quot;&gt;Pré-Vizualizar&lt;/a&gt;&lt;br /&gt;
&lt;a href=&quot;http://www.4shared.com/file/122412792/205fcdca/Hybrid_News.html&quot; rel=&quot;nofollow&quot; target=&quot;_blank&quot;&gt;Download&lt;/a&gt;  &lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;blockquote&gt;EDITADO&lt;br /&gt;
&lt;br /&gt;
Para que o Slide funcione corretamente, é necessario substituir estes trechos &lt;span style=&quot;font-weight: bold;&quot;&gt;http://hybridnews-fbt.blogspot.com/feeds/posts/default&lt;/span&gt; no seu HTML e trocar pelo seu endereço de FEED. Não se esqueça de adicionar o &lt;span style=&quot;font-weight: bold;&quot;&gt;http://&lt;/span&gt; se não, não vai funcionar&lt;/blockquote&gt;</content><link rel='replies' type='application/atom+xml' href='http://dicasparablogsbr.blogspot.com/feeds/603606942811380903/comments/default' title='Postar comentários'/><link rel='replies' type='text/html' href='http://dicasparablogsbr.blogspot.com/2009/12/template-para-blogspot-hybrid-news.html#comment-form' title='0 Comentários'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/8674846264785641194/posts/default/603606942811380903'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/8674846264785641194/posts/default/603606942811380903'/><link rel='alternate' type='text/html' href='http://dicasparablogsbr.blogspot.com/2009/12/template-para-blogspot-hybrid-news.html' title='Template para Blogspot: Hybrid News'/><author><name>Paulo Cesar</name><uri>http://www.blogger.com/profile/01101463881033703802</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='32' height='20' src='//blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgEKwgifFohsHgBXvpG2mRUIPup0ajV-u_QOZWiwNeSjguSS4YgTevYVnuHwIPb280PaGJPbZOwi1SBAyQxEaUQANA9GpP_yfwIA_mWanaGLlQzu4qAFMMjEDnfG7hFztI/s1600/ELEVADOR%252BLACERDA.jpg'/></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEizU8ClxAD_BH9kd5NFLxkQ9SPvdVLQ8jYn9fprh_q9rmacMf8mBYJ7fnNPJVQu5rqYY4I5rfF1p4LgdApgus19n_gI7k8ZVbs24JFWvlvYkGCsX4et_ib01gUjQ_sdYU6FY2LK6Q60Mz8/s72-c/hybridnews.JPG" height="72" width="72"/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-8674846264785641194.post-7631323682354660824</id><published>2009-12-17T11:31:00.000-03:00</published><updated>2009-12-17T11:31:42.251-03:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="Dicas para Blog"/><category scheme="http://www.blogger.com/atom/ns#" term="Variedades"/><title type='text'>Template para Blgspot: Freestyle</title><content type='html'>&lt;span id=&quot;fullpost&quot;&gt;&lt;br /&gt;
&lt;/span&gt;&lt;a href=&quot;http://castroinfonet.blogspot.com/2009/08/template-para-blgspot-freestyle.html&quot; onblur=&quot;try {parent.deselectBloggerImageGracefully();} catch(e) {}&quot;&gt;&lt;img alt=&quot;&quot; border=&quot;0&quot; id=&quot;BLOGGER_PHOTO_ID_5365415120694427250&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhtOZtPkRE0D31E7HPYtfRVICj2d9upwv-c0U97vn11vC_xA-4xi5tAVTNyN4Pda78CgL1YotVU9KBfzWOKS1uu6BjGCnIFNLaW3VI-UqMdlD9hoAZj5io09-Ja5ixWWm3yhxp5O5aDzxo/s400/freestyle.JPG&quot; style=&quot;cursor: pointer; display: block; height: 160px; margin: 0px auto 10px; text-align: center; width: 200px;&quot; /&gt;&lt;/a&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;a name=&#39;more&#39;&gt;&lt;/a&gt;&lt;br /&gt;
&lt;div style=&quot;text-align: center;&quot;&gt;xTemplate para Blogspot &lt;br /&gt;
Desing original: Free Web Templates&lt;br /&gt;
Convertido por: Jaloee&lt;br /&gt;
&lt;a href=&quot;http://freestyle-btheme.blogspot.com/&quot;&gt;Pré-Visualização&lt;/a&gt;&lt;br /&gt;
&lt;a href=&quot;http://www.4shared.com/file/122414822/ed9c0ce0/Free_Style.html&quot;&gt;Download&lt;/a&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://dicasparablogsbr.blogspot.com/feeds/7631323682354660824/comments/default' title='Postar comentários'/><link rel='replies' type='text/html' href='http://dicasparablogsbr.blogspot.com/2009/12/template-para-blgspot-freestyle.html#comment-form' title='0 Comentários'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/8674846264785641194/posts/default/7631323682354660824'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/8674846264785641194/posts/default/7631323682354660824'/><link rel='alternate' type='text/html' href='http://dicasparablogsbr.blogspot.com/2009/12/template-para-blgspot-freestyle.html' title='Template para Blgspot: Freestyle'/><author><name>Paulo Cesar</name><uri>http://www.blogger.com/profile/01101463881033703802</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='32' height='20' src='//blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgEKwgifFohsHgBXvpG2mRUIPup0ajV-u_QOZWiwNeSjguSS4YgTevYVnuHwIPb280PaGJPbZOwi1SBAyQxEaUQANA9GpP_yfwIA_mWanaGLlQzu4qAFMMjEDnfG7hFztI/s1600/ELEVADOR%252BLACERDA.jpg'/></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhtOZtPkRE0D31E7HPYtfRVICj2d9upwv-c0U97vn11vC_xA-4xi5tAVTNyN4Pda78CgL1YotVU9KBfzWOKS1uu6BjGCnIFNLaW3VI-UqMdlD9hoAZj5io09-Ja5ixWWm3yhxp5O5aDzxo/s72-c/freestyle.JPG" height="72" width="72"/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-8674846264785641194.post-1120476587571598881</id><published>2009-12-17T11:28:00.000-03:00</published><updated>2009-12-17T11:28:39.166-03:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="Dicas para Blog"/><category scheme="http://www.blogger.com/atom/ns#" term="Tutorial"/><title type='text'>Como Trocar o Template do Blogger</title><content type='html'>&lt;span id=&quot;fullpost&quot;&gt;&lt;br /&gt;
&lt;/span&gt;&lt;br /&gt;
&lt;h1 class=&quot;post-title entry-title&quot;&gt;&lt;a href=&quot;http://castroinfonet.blogspot.com/2009/08/como-trocar-o-template-do-blogger.html&quot;&gt;Como Trocar o Template do Blogger&lt;/a&gt;&lt;/h1&gt;&lt;br /&gt;
&lt;a name=&#39;more&#39;&gt;&lt;/a&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
Bom, pra começar faça o login no blogger e Clique em &lt;span style=&quot;font-weight: bold;&quot;&gt;LAYOUT&lt;/span&gt;&lt;br /&gt;
&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiXUrcDrqxYHZRwMMlv0syiwkrOiXRF9U-5g7Pe1EzXmnGvO-TYTPTDNWULM_5MMiB9Q5z4REIgaL5CJN1DEVEOkpwNvHEWZXsQIGoQ2qGNMlqID6c_icND1qoAaUSVnxOGz-GU4RZyV2U/s1600-h/EasyCapture1.png&quot; onblur=&quot;try {parent.deselectBloggerImageGracefully();} catch(e) {}&quot; target=&quot;_blank&quot;&gt;&lt;img alt=&quot;&quot; border=&quot;0&quot; id=&quot;BLOGGER_PHOTO_ID_5371699480275834882&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiXUrcDrqxYHZRwMMlv0syiwkrOiXRF9U-5g7Pe1EzXmnGvO-TYTPTDNWULM_5MMiB9Q5z4REIgaL5CJN1DEVEOkpwNvHEWZXsQIGoQ2qGNMlqID6c_icND1qoAaUSVnxOGz-GU4RZyV2U/s400/EasyCapture1.png&quot; style=&quot;cursor: pointer; display: block; height: 115px; margin: 0px auto 10px; text-align: center; width: 400px;&quot; /&gt;&lt;/a&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
Em seguida ira abrir a pagina -&amp;gt; &lt;span style=&quot;font-weight: bold;&quot;&gt;ELEMENTOS DA PAGINA&lt;/span&gt; e voce ira clicar em -&amp;gt;&lt;span style=&quot;font-weight: bold;&quot;&gt;EDITAR HTML&lt;/span&gt;.&lt;br /&gt;
&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEieSo4wahtiBVUhVs-BZSZ7pMRs5ozZQZ2hR7Bmx-JQP7-1f2fLkBOGCWUalIIwgSMOXvwztTO0P4yEnLPg47wA4NOvqMBi_qKrDh6aljt67e1mkX9wVbY_7VPqgNccvaCzwecekl7kbeQ/s1600-h/EasyCapture5.png&quot; onblur=&quot;try {parent.deselectBloggerImageGracefully();} catch(e) {}&quot; target=&quot;_blank&quot;&gt;&lt;img alt=&quot;&quot; border=&quot;0&quot; id=&quot;BLOGGER_PHOTO_ID_5371700481630604162&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEieSo4wahtiBVUhVs-BZSZ7pMRs5ozZQZ2hR7Bmx-JQP7-1f2fLkBOGCWUalIIwgSMOXvwztTO0P4yEnLPg47wA4NOvqMBi_qKrDh6aljt67e1mkX9wVbY_7VPqgNccvaCzwecekl7kbeQ/s400/EasyCapture5.png&quot; style=&quot;cursor: pointer; display: block; height: 164px; margin: 0px auto 10px; text-align: center; width: 400px;&quot; /&gt;&lt;/a&gt;&lt;br /&gt;
A proxima pagina contem o &lt;span style=&quot;font-weight: bold;&quot;&gt;HTML&lt;/span&gt;, faça um backup do seu template para caso alguma coisa dê errado voce poder restaurar depois, para fazer um backup basta você dar um click em &lt;span style=&quot;font-weight: bold;&quot;&gt;BAIXAR MODELO COMPLETO&lt;/span&gt;. Depois de feito o backup é hora de fazer upload de seu novo template, para isso click em &lt;span style=&quot;font-weight: bold;&quot;&gt;-&amp;gt;ARQUIVO&lt;/span&gt; e escolha o seu template, se voce ainda não tem nenhum templat salvo em seu computador, escolha um e baixe neste &lt;a href=&quot;http://castroinfonet.blogspot.com/2009/08/templates-para-usar-no-seu-blog-do_12.html&quot;&gt;link&lt;/a&gt;. Depois de escolher é so Clicar em &lt;span style=&quot;font-weight: bold;&quot;&gt;-&amp;gt;FAZER UPLOAD&lt;/span&gt;&lt;br /&gt;
&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEidO1nm16d282hOTFBMrSw195Xt5K6hoQoQJD0Y5DxMeuDtzsrO2-T_-mI-nIIDoiteVJwjoOApJRSWj2C8nfOowjjm_w_WP5m5HIz0qZGC1TiLd6gsPcOU3ZhkdudO8oogmbPjt4hF-U0/s1600-h/EasyCapture6.png&quot; onblur=&quot;try {parent.deselectBloggerImageGracefully();} catch(e) {}&quot; target=&quot;_blank&quot;&gt;&lt;img alt=&quot;&quot; border=&quot;0&quot; id=&quot;BLOGGER_PHOTO_ID_5371704087246245122&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEidO1nm16d282hOTFBMrSw195Xt5K6hoQoQJD0Y5DxMeuDtzsrO2-T_-mI-nIIDoiteVJwjoOApJRSWj2C8nfOowjjm_w_WP5m5HIz0qZGC1TiLd6gsPcOU3ZhkdudO8oogmbPjt4hF-U0/s400/EasyCapture6.png&quot; style=&quot;cursor: pointer; display: block; height: 149px; margin: 0px auto 10px; text-align: center; width: 400px;&quot; /&gt;&lt;/a&gt;&lt;br /&gt;
Assim que terminar ira surgir uma tela semelhante a imagem abaixo pedindo a confirmação, clique em &lt;span style=&quot;font-weight: bold;&quot;&gt;-&amp;gt;CONFIRMAR &amp;amp; SALVAR&lt;/span&gt;.&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgFL-s0gcOmq5fBUhvlpbINzWzdVFVp4-NfyZPBy4Iox_U17MDnz6bdlc0GtrxfgsxdFYC-7jAH_Bjk_nV9QEQ-mpEIxhMvKgwCjs0Qyi-fi7kKWl9G-ZUKmxGU8MyXdHFsP1rQ51dIP5g/s1600-h/EasyCapture8.png&quot; onblur=&quot;try {parent.deselectBloggerImageGracefully();} catch(e) {}&quot; target=&quot;_blank&quot;&gt;&lt;img alt=&quot;&quot; border=&quot;0&quot; id=&quot;BLOGGER_PHOTO_ID_5371705771585834226&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgFL-s0gcOmq5fBUhvlpbINzWzdVFVp4-NfyZPBy4Iox_U17MDnz6bdlc0GtrxfgsxdFYC-7jAH_Bjk_nV9QEQ-mpEIxhMvKgwCjs0Qyi-fi7kKWl9G-ZUKmxGU8MyXdHFsP1rQ51dIP5g/s400/EasyCapture8.png&quot; style=&quot;cursor: pointer; display: block; height: 130px; margin: 0px auto 10px; text-align: center; width: 400px;&quot; /&gt;&lt;/a&gt;&lt;br /&gt;
&lt;br /&gt;
Pronto, seu blog já esta com um novo visual.&lt;br /&gt;
&lt;br /&gt;
&lt;span style=&quot;font-weight: bold;&quot;&gt;IMPORTANTE&lt;/span&gt;: Se voce possue em seu blo Gadgets com codigos &lt;span style=&quot;font-weight: bold;&quot;&gt;HTML/JAVASCRIPT&lt;/span&gt; tipo adsense (publicidades), banners de perceiros ou outros que voce não quer perder, ja que a troca do template pode excluir esses gadgets, para isso vamos usar o firefox que pode fazer o download &lt;a href=&quot;http://castroinfonet.blogspot.com/2009/06/lancamento-do-firefox-35-passa-de-2.html&quot;&gt;aqui&lt;/a&gt;, voce tambem pode usar o Opera, ou outro qualquer navegador que tem suporte a abas, eu recomendo o firefox por ser mais estavel. &lt;br /&gt;
&lt;br /&gt;
Para salvar seu Gadgets, antes de iniciar a operação de troca de template, na pagina &lt;span style=&quot;font-weight: bold;&quot;&gt;-&amp;gt;ELEMENTOS DA PAGINA&lt;/span&gt;, voce ira clicar com o botão de rolagem do mouse em &lt;span style=&quot;font-weight: bold;&quot;&gt;-&amp;gt;EDITAR&lt;/span&gt;, logo o gadget abrirá em uma nova aba, faça o mesmo com todos que deseja salvar, deixe todos abertos no navegador. &lt;br /&gt;
&lt;br /&gt;
Agora sim, você pode trocar seu template sem medo, depois de trocar o template é hora de restaurar os gadgets, pra isso você ira fazer o mesmo procedimento de adicionar novos gadgets, no caso daqueles que contem &lt;span style=&quot;font-weight: bold;&quot;&gt;HTML/JAVASCRIPT&lt;/span&gt; você nos gadgets que você abriu no navegador anteriormente e copiar o conteúdo para o novo gadget, salvar e reorganizar sua pagina. Bom, é isso ai pessoal, se alguém estiver com algum tipo de duvida, deixe um comentário e responderei a todos ok.&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhc_PCXEByswH-JE2xt5L7BqttQg_J7-AD0D64Yji5mICmkwD0SZLoDHEfBpPz9jvnLF6c2sbAf0tVU1cYMyfRKegmOQGSKmh_Nmdul61tHVYD0YgVD8jMkhJCApyvzI0H4E5bC7prWX98/s1600-h/EasyCapture1.png&quot; onblur=&quot;try {parent.deselectBloggerImageGracefully();} catch(e) {}&quot; target=&quot;_blank&quot;&gt;&lt;img alt=&quot;&quot; border=&quot;0&quot; id=&quot;BLOGGER_PHOTO_ID_5371707175687586194&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhc_PCXEByswH-JE2xt5L7BqttQg_J7-AD0D64Yji5mICmkwD0SZLoDHEfBpPz9jvnLF6c2sbAf0tVU1cYMyfRKegmOQGSKmh_Nmdul61tHVYD0YgVD8jMkhJCApyvzI0H4E5bC7prWX98/s400/EasyCapture1.png&quot; style=&quot;display: block; height: 118px; margin: 0px auto 10px; text-align: center; width: 400px;&quot; /&gt;&lt;/a&gt;&lt;br /&gt;
&lt;br /&gt;
Fonte: &lt;a href=&quot;http://castroinfonet.blogspot.com/search/label/Blogger&quot;&gt;Castro.InfoNet&lt;/a&gt;</content><link rel='replies' type='application/atom+xml' href='http://dicasparablogsbr.blogspot.com/feeds/1120476587571598881/comments/default' title='Postar comentários'/><link rel='replies' type='text/html' href='http://dicasparablogsbr.blogspot.com/2009/12/como-trocar-o-template-do-blogger.html#comment-form' title='0 Comentários'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/8674846264785641194/posts/default/1120476587571598881'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/8674846264785641194/posts/default/1120476587571598881'/><link rel='alternate' type='text/html' href='http://dicasparablogsbr.blogspot.com/2009/12/como-trocar-o-template-do-blogger.html' title='Como Trocar o Template do Blogger'/><author><name>Paulo Cesar</name><uri>http://www.blogger.com/profile/01101463881033703802</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='32' height='20' src='//blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgEKwgifFohsHgBXvpG2mRUIPup0ajV-u_QOZWiwNeSjguSS4YgTevYVnuHwIPb280PaGJPbZOwi1SBAyQxEaUQANA9GpP_yfwIA_mWanaGLlQzu4qAFMMjEDnfG7hFztI/s1600/ELEVADOR%252BLACERDA.jpg'/></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiXUrcDrqxYHZRwMMlv0syiwkrOiXRF9U-5g7Pe1EzXmnGvO-TYTPTDNWULM_5MMiB9Q5z4REIgaL5CJN1DEVEOkpwNvHEWZXsQIGoQ2qGNMlqID6c_icND1qoAaUSVnxOGz-GU4RZyV2U/s72-c/EasyCapture1.png" height="72" width="72"/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-8674846264785641194.post-3455866459666192272</id><published>2009-12-17T11:23:00.000-03:00</published><updated>2009-12-17T11:23:30.469-03:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="Dicas para Blog"/><category scheme="http://www.blogger.com/atom/ns#" term="Tutorial"/><title type='text'>Novidades Prometidas pelo Blogger já Podem ser Usadas</title><content type='html'>&lt;span id=&quot;fullpost&quot;&gt;&lt;br /&gt;
x&lt;/span&gt;&lt;img alt=&quot; opções do novo marcador do blogger&quot; border=&quot;0&quot; id=&quot;BLOGGER_PHOTO_ID_5376532098977164018&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiTRefocNOjkRffnMwaN8h2LkEX20ej2WHF4V9knRqPYXJ86bJ9Ex1HNRfRycsS7gX6RZuszn-4xWuQhHGmX7w3Rf7x7ceUj-USDn7jitTeyPiyQ82bd-d6PhVOkj8E-Ysav6kg4O1cwWg/s400/EasyCapture1.bmp&quot; style=&quot;display: block; height: 226px; margin: 0px auto 10px; text-align: center; width: 400px;&quot; /&gt;&lt;br /&gt;
O serviço de publicações de blogs que nos todos conhecemos e usamos, o &lt;span style=&quot;font-weight: bold;&quot;&gt;Blogger&lt;/span&gt;, completou 10 anos, e como havia prometido umas melhorias no serviço, deu um jeitinho de cumprir tal promessa, uma delas está nos marcadores, agora com ele podemos criar uma &lt;span style=&quot;font-weight: bold;&quot;&gt;Tag Cloud&lt;/span&gt; ou &lt;span style=&quot;font-weight: bold;&quot;&gt;Nuvem de tags&lt;/span&gt; como muitos conhecem , sem ter que criar aqueles montes de códigos que muitos acham confusos e colocar no seu &lt;span style=&quot;font-weight: bold;&quot;&gt;HTML&lt;/span&gt;, mas nem todos tem conhecimento o suficiente para realizar esta tarefa, então na hora de adicionar o Gadget &quot;Marcadores&quot; no seu blog ele já poderá ser configurado a seu gosto, se quer como uma lista tradicional ou como &lt;span style=&quot;font-weight: bold;&quot;&gt;Tag Cloud&lt;/span&gt;, fica a seu critério.&lt;br /&gt;
&lt;br /&gt;
&lt;a name=&#39;more&#39;&gt;&lt;/a&gt;&lt;br /&gt;
&lt;br /&gt;
Outra novidade está na opção de deixar ou não os números dos marcadores, essa não era uma tarefa muito difícil de se fazer em seu &lt;span style=&quot;font-weight: bold;&quot;&gt;HTML&lt;/span&gt;, já que era só encontrar e excluir a linha do código (&lt;data:label.count&gt;) do seu template, mas agora esta opção também está lá, é só você escolher qual é melhor pra você. Bom, essa é apenas um das novidades prometidas pelo &lt;span style=&quot;font-weight: bold;&quot;&gt;Blogger&lt;/span&gt;, hoje falei só dos marcadores, logo logo darei noticia dos demais recursos prometidos.&lt;/data:label.count&gt;</content><link rel='replies' type='application/atom+xml' href='http://dicasparablogsbr.blogspot.com/feeds/3455866459666192272/comments/default' title='Postar comentários'/><link rel='replies' type='text/html' href='http://dicasparablogsbr.blogspot.com/2009/12/novidades-prometidas-pelo-blogger-ja.html#comment-form' title='0 Comentários'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/8674846264785641194/posts/default/3455866459666192272'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/8674846264785641194/posts/default/3455866459666192272'/><link rel='alternate' type='text/html' href='http://dicasparablogsbr.blogspot.com/2009/12/novidades-prometidas-pelo-blogger-ja.html' title='Novidades Prometidas pelo Blogger já Podem ser Usadas'/><author><name>Paulo Cesar</name><uri>http://www.blogger.com/profile/01101463881033703802</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='32' height='20' src='//blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgEKwgifFohsHgBXvpG2mRUIPup0ajV-u_QOZWiwNeSjguSS4YgTevYVnuHwIPb280PaGJPbZOwi1SBAyQxEaUQANA9GpP_yfwIA_mWanaGLlQzu4qAFMMjEDnfG7hFztI/s1600/ELEVADOR%252BLACERDA.jpg'/></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiTRefocNOjkRffnMwaN8h2LkEX20ej2WHF4V9knRqPYXJ86bJ9Ex1HNRfRycsS7gX6RZuszn-4xWuQhHGmX7w3Rf7x7ceUj-USDn7jitTeyPiyQ82bd-d6PhVOkj8E-Ysav6kg4O1cwWg/s72-c/EasyCapture1.bmp" height="72" width="72"/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-8674846264785641194.post-5314731896364645641</id><published>2009-12-17T11:19:00.000-03:00</published><updated>2009-12-17T11:19:17.250-03:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="Dicas para Blog"/><category scheme="http://www.blogger.com/atom/ns#" term="Tutorial"/><title type='text'>Novidades do blogger parte 2: Link Leia Mais</title><content type='html'>&lt;span id=&quot;fullpost&quot;&gt;&lt;br /&gt;
&lt;/span&gt;&lt;br /&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjIFIzQGNX8W1te01tt6rmv4WWTvEhifi0Fr5DI6l9ZPm3x5hRg-B2Rx4w0RDggzUxgMxTqIukpZgW-LWN6bbppXC2SOBa2JLNt3EM9e0zm6fKxVj9Fe5m9QzQ7qFm7XQVyONatBbL5NVs/s1600-h/EasyCapture1.png&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot; target=&quot;_blank&quot;&gt;&lt;img border=&quot;0&quot; height=&quot;190&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjIFIzQGNX8W1te01tt6rmv4WWTvEhifi0Fr5DI6l9ZPm3x5hRg-B2Rx4w0RDggzUxgMxTqIukpZgW-LWN6bbppXC2SOBa2JLNt3EM9e0zm6fKxVj9Fe5m9QzQ7qFm7XQVyONatBbL5NVs/s320/EasyCapture1.png&quot; width=&quot;320&quot; /&gt;&lt;/a&gt;&lt;/div&gt;&lt;br /&gt;
Como foi prometido pelo blogger, esta é a segunda novidade que eu já posso usar no blog, o link &quot;leia mais&quot; que antes era necessario editar o HTML com codigos desenvolvidos por terceiros e nem sempre funcionava, mas agora isso não é mais problema. Se você usa o editor &lt;a href=&quot;http://draft.blogger.com/&quot;&gt; &lt;/a&gt;&lt;a href=&quot;http://draft.blogger.com/&quot;&gt;Blogger in&lt;/a&gt;&lt;a href=&quot;http://draft.blogger.com/&quot;&gt; Draft &lt;/a&gt; você vai ver primeiro link da direita, uma folha partida, &lt;b&gt;jump break&lt;/b&gt;, voce dixar o cursor no inicio da parte que sera ocultado e dar um clique no icone. O padrão é &quot;Mais informações&quot;, mas você pode alterar isso, vá em &lt;b&gt;Layout&lt;/b&gt; e clique em:   &lt;b&gt;Editar&lt;/b&gt; (Postagens no blog) e substitua pela frase que quiser.&lt;br /&gt;
&lt;a name=&#39;more&#39;&gt;&lt;/a&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjenvY9PvZRH6ZcvLPdh1x1d6xPn8Agt2BmRzrq57gO9YriAMNSBaQiZksq2aufBpbUtf9WuPTLcuMXqVFoqTSKbOwYcz-bs3ImYr8hN67DWyPDzF-vKCUCtJr1LleygeK8IzU3j6YJgGs/s1600-h/%C3%8Dndice.png&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img border=&quot;0&quot; height=&quot;120&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjenvY9PvZRH6ZcvLPdh1x1d6xPn8Agt2BmRzrq57gO9YriAMNSBaQiZksq2aufBpbUtf9WuPTLcuMXqVFoqTSKbOwYcz-bs3ImYr8hN67DWyPDzF-vKCUCtJr1LleygeK8IzU3j6YJgGs/s320/%C3%8Dndice.png&quot; width=&quot;320&quot; /&gt;&lt;/a&gt;&lt;/div&gt;&lt;br /&gt;
Mas se voce usa o editor tradicional do blogger, tambem é possivel usar esse recurso, basta voce escrever seu texto normalmente e depois que terminar voce muda para o modo editar HTML e insira este codigo &lt;b&gt;&lt;span style=&quot;color: #cc0000;&quot;&gt;&lt;!-- more --&gt;&lt;/span&gt;&lt;/b&gt; na parte de sua postagem que deseja ocultar&lt;br /&gt;
&lt;br /&gt;
&lt;div align=&quot;right&quot;&gt;Fonte:&lt;a href=&quot;http://katatempla.blogspot.com/&quot; terget=&quot;_blank&quot;&gt;Katatempla&lt;/a&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://dicasparablogsbr.blogspot.com/feeds/5314731896364645641/comments/default' title='Postar comentários'/><link rel='replies' type='text/html' href='http://dicasparablogsbr.blogspot.com/2009/12/novidades-do-blogger-parte-2-link-leia.html#comment-form' title='0 Comentários'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/8674846264785641194/posts/default/5314731896364645641'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/8674846264785641194/posts/default/5314731896364645641'/><link rel='alternate' type='text/html' href='http://dicasparablogsbr.blogspot.com/2009/12/novidades-do-blogger-parte-2-link-leia.html' title='Novidades do blogger parte 2: Link Leia Mais'/><author><name>Paulo Cesar</name><uri>http://www.blogger.com/profile/01101463881033703802</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='32' height='20' src='//blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgEKwgifFohsHgBXvpG2mRUIPup0ajV-u_QOZWiwNeSjguSS4YgTevYVnuHwIPb280PaGJPbZOwi1SBAyQxEaUQANA9GpP_yfwIA_mWanaGLlQzu4qAFMMjEDnfG7hFztI/s1600/ELEVADOR%252BLACERDA.jpg'/></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjIFIzQGNX8W1te01tt6rmv4WWTvEhifi0Fr5DI6l9ZPm3x5hRg-B2Rx4w0RDggzUxgMxTqIukpZgW-LWN6bbppXC2SOBa2JLNt3EM9e0zm6fKxVj9Fe5m9QzQ7qFm7XQVyONatBbL5NVs/s72-c/EasyCapture1.png" height="72" width="72"/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-8674846264785641194.post-6410967595126131492</id><published>2009-12-17T11:06:00.000-03:00</published><updated>2009-12-17T11:06:35.955-03:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="Dicas para Blog"/><category scheme="http://www.blogger.com/atom/ns#" term="Tutorial"/><title type='text'>Hack Leia Mais ou Continue Lendo no Blogger - Resume apenas as postagens escolhidas</title><content type='html'>&lt;span id=&quot;fullpost&quot;&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;/span&gt;&lt;br /&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgedgqoC_N0GAK93v5LFj0hyd0b57aRzytKmrHmtiolln3-T7TudH3QbT1r_3fNsUHTabUrJOAEsPJA09UpfLjugcD_YEPO6E8xpem49vS_H6YwfUhOw4fTd80ZTkUG7kNi2isgsnFWyfZo/s1600-h/hack-jump-break-blogger%5B7%5D.png&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img border=&quot;0&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgedgqoC_N0GAK93v5LFj0hyd0b57aRzytKmrHmtiolln3-T7TudH3QbT1r_3fNsUHTabUrJOAEsPJA09UpfLjugcD_YEPO6E8xpem49vS_H6YwfUhOw4fTd80ZTkUG7kNi2isgsnFWyfZo/s320/hack-jump-break-blogger%5B7%5D.png&quot; /&gt;&lt;/a&gt;&lt;br /&gt;
&lt;/div&gt;&lt;br /&gt;
Vamos começar. Faça um backup do seu template para que der alguma coisa errada voce possa restaurar tudo de novo.&lt;span id=&quot;fullpost&quot;&gt;&lt;br /&gt;
&lt;/span&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;a name=&#39;more&#39;&gt;&lt;/a&gt;&lt;br /&gt;
&lt;span id=&quot;fullpost&quot;&gt;&lt;br /&gt;
Entre na parte de edição do HTML do seu  blog PAINEL&amp;gt; LAYOUT&amp;gt; EDITAR HTML. Antes de voce vai colar o seguinte codigo:&lt;br /&gt;
&lt;br /&gt;
&lt;blockquote&gt;&lt;b:if cond=&quot;data:blog.pageType != &amp;quot;item&amp;quot;&quot;&gt;&lt;br /&gt;
&lt;script type=&quot;text/javascript&quot;&gt;


var fade = false;
function showFull(id) {
var post = document.getElementById(id);
var spans = post.getElementsByTagName(&#39;span&#39;);
for (var i = 0; i &amp;lt; spans.length; i++) {
if (spans[i].id == &quot;fullpost&quot;) {
if (fade) {
spans[i].style.background = peekaboo_bgcolor;
Effect.Appear(spans[i]);
} else spans[i].style.display = &#39;inline&#39;;
}
if (spans[i].id == &quot;showlink&quot;)
spans[i].style.display = &#39;none&#39;;
if (spans[i].id == &quot;hidelink&quot;)
spans[i].style.display = &#39;inline&#39;;
}
}


function hideFull(id) {
var post = document.getElementById(id);
var spans = post.getElementsByTagName(&#39;span&#39;);
for (var i = 0; i &amp;lt; spans.length; i++) {
if (spans[i].id == &quot;fullpost&quot;) {
if (fade) {
spans[i].style.background = peekaboo_bgcolor;
Effect.Fade(spans[i]);
} else spans[i].style.display = &#39;none&#39;;
}
if (spans[i].id == &quot;showlink&quot;)
spans[i].style.display = &#39;inline&#39;;
if (spans[i].id == &quot;hidelink&quot;)
spans[i].style.display = &#39;none&#39;;
}
post.scrollIntoView(true);
}

function checkFull(id) {
var post = document.getElementById(id);
var spans = post.getElementsByTagName(&#39;span&#39;);
var found = 0;
for (var i = 0; i &amp;lt; spans.length; i++) {
if (spans[i].id == &quot;fullpost&quot;) {
spans[i].style.display = &#39;none&#39;;
found = 1;
}
if ((spans[i].id == &quot;showlink&quot;) &amp;amp;&amp;amp; (found == 0))
spans[i].style.display = &#39;none&#39;;
}
}

&lt;/script&gt;&lt;br /&gt;
&lt;/b:if&gt; &lt;/blockquote&gt;&lt;br /&gt;
&lt;br /&gt;
E salve em seguida, depois marque a caixainha de Expandir modelos de widgets. Encontre este trecho: &lt;br /&gt;
&lt;br /&gt;
&lt;blockquote&gt;&lt;div class=&quot;post-body&quot;&gt;&lt;br /&gt;
&lt;data:post.body&gt;&lt;/data:post.body&gt;&lt;br /&gt;
&lt;/div&gt;&lt;/blockquote&gt;&lt;br /&gt;
&lt;br /&gt;
E substitua ele pelo seguinte código:&lt;br /&gt;
&lt;br /&gt;
&lt;blockquote&gt;&lt;div class=&quot;post-body&quot; expr:id=&quot;&amp;quot;post-&amp;quot; + data:post.id&quot;&gt;&lt;br /&gt;
&lt;b:if cond=&quot;data:blog.pageType == &amp;quot;item&amp;quot;&quot;&gt;&lt;br /&gt;
&lt;style&gt;
#fullpost{display:inline;}
&lt;/style&gt;&lt;br /&gt;
&lt;data:post.body&gt;&lt;/data:post.body&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;b:else&gt;&lt;br /&gt;
&lt;style&gt;
#fullpost{display:none;}
&lt;/style&gt;&lt;br /&gt;
&lt;data:post.body&gt;&lt;/data:post.body&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;span id=&quot;showlink&quot;&gt;&lt;br /&gt;
&lt;a expr:href=&quot;data:post.url&quot; href=&quot;&quot;&gt;&lt;span style=&quot;font-weight: bold;&quot;&gt;Leia Mais…&lt;/span&gt;&lt;/a&gt;&lt;br /&gt;
&lt;/span&gt;&lt;br /&gt;
&lt;script type=&quot;text/javascript&quot;&gt;

checkFull(&quot;post-&quot; + &quot;&lt;data:post.id/&gt;&quot;);
&lt;/script&gt;&lt;br /&gt;
&lt;/b:else&gt;&lt;/b:if&gt;&lt;/div&gt;&lt;/blockquote&gt;&lt;br /&gt;
&lt;br /&gt;
Voce pode customizar o link Leia Mais... colocando a frase que quizer. Agora pra voce tesumir suas postagens, basta adicionar o codigo abaixo nas postagens a seu gosto.&lt;br /&gt;
&lt;br /&gt;
&lt;blockquote&gt;Parte do Resumo&lt;br /&gt;
&lt;span id=&quot;fullpost&quot;&gt;&lt;br /&gt;
parte oculta&lt;br /&gt;
&lt;/span&gt;&lt;br /&gt;
&lt;/blockquote&gt;&lt;br /&gt;
&lt;br /&gt;
Você pode deixar esse codigo gravado na sua caixa de postagens para sempre que quiser resumir uma postagem não ter que ficar lembrando, basta fazer o seguinte: vá em CONFIGURAÇÃO &amp;gt; FORMATAÇÃO, vá até MODELO DE POSTAGENS e cole o codigo acima, se não quiser resumir é so apagar tudo.&lt;/span&gt;</content><link rel='replies' type='application/atom+xml' href='http://dicasparablogsbr.blogspot.com/feeds/6410967595126131492/comments/default' title='Postar comentários'/><link rel='replies' type='text/html' href='http://dicasparablogsbr.blogspot.com/2009/12/hack-leia-mais-ou-continue-lendo-no.html#comment-form' title='0 Comentários'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/8674846264785641194/posts/default/6410967595126131492'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/8674846264785641194/posts/default/6410967595126131492'/><link rel='alternate' type='text/html' href='http://dicasparablogsbr.blogspot.com/2009/12/hack-leia-mais-ou-continue-lendo-no.html' title='Hack Leia Mais ou Continue Lendo no Blogger - Resume apenas as postagens escolhidas'/><author><name>Paulo Cesar</name><uri>http://www.blogger.com/profile/01101463881033703802</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='32' height='20' src='//blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgEKwgifFohsHgBXvpG2mRUIPup0ajV-u_QOZWiwNeSjguSS4YgTevYVnuHwIPb280PaGJPbZOwi1SBAyQxEaUQANA9GpP_yfwIA_mWanaGLlQzu4qAFMMjEDnfG7hFztI/s1600/ELEVADOR%252BLACERDA.jpg'/></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgedgqoC_N0GAK93v5LFj0hyd0b57aRzytKmrHmtiolln3-T7TudH3QbT1r_3fNsUHTabUrJOAEsPJA09UpfLjugcD_YEPO6E8xpem49vS_H6YwfUhOw4fTd80ZTkUG7kNi2isgsnFWyfZo/s72-c/hack-jump-break-blogger%5B7%5D.png" height="72" width="72"/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-8674846264785641194.post-1149528727130640832</id><published>2009-11-09T21:49:00.001-03:00</published><updated>2009-11-09T21:50:33.662-03:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="Dicas para Blog"/><category scheme="http://www.blogger.com/atom/ns#" term="Variedades"/><title type='text'>Blog mais rápido – Optimizar imagens</title><content type='html'>&lt;div class=&quot;entrybody&quot;&gt;&lt;div class=&quot;comentarios&quot;&gt;&lt;a href=&quot;http://www.dicasparablogs.com/blog-mais-rapido-optimizar-imagens/#comments&quot; title=&quot;Comentário em Blog mais rápido – Optimizar imagens&quot;&gt;&lt;br /&gt;
&lt;/a&gt;&lt;br /&gt;
&lt;/div&gt;&lt;img align=&quot;left&quot; alt=&quot;optimização imagens&quot; class=&quot;size-full wp-image-219&quot; height=&quot;222&quot; src=&quot;http://www.dicasparablogs.com/wp-content/uploads/2009/10/optimizacao-imagens1.png&quot; title=&quot;optimização imagens&quot; width=&quot;216&quot; /&gt;&lt;b&gt;Se o teu blog está muito lento&lt;/b&gt; isso pode ser causado pelas imagens que lá tens. Algumas imagens, tais como o logótipo, a imagem de fundo e as imagens dos posts podem tornar o blog muito lento, ou seja, se estas imagens forem muito grandes (em Kb) o blog vai levar mais tempo a carregar.&lt;br /&gt;
Uma primeira dica é que a imagem deve ter o &lt;b&gt;tamanho exacto&lt;/b&gt; com que é apresentada ao visitante. Dando um exemplo: não convém nada ter uma imagem de fundo de ecrã, de 800 por 600, a carregar na página e depois reduzir o tamanho dessa imagem através de html. Apesar da imagem aparecer mais pequena o browser está sempre a carregar a imagem no seu tamanho original!&lt;br /&gt;
A segunda dica é que usem um &lt;b&gt;formato correcto&lt;/b&gt;. PNG e JPEG são os melhores formatos. Esqueçam os gif’s e menos ainda os BMP. Mesmo dentro dos formatos mais optimizados devemos sempre escolher uma qualidade baixa, mas que permita a sua visualização sem problemas.&lt;br /&gt;
Existem &lt;b&gt;ferramentas que permitem optimizar o tamanho das imagens&lt;/b&gt;, mantendo a qualidade. Em alguns casos podemos reduzir o tamanho em 90%! Tendo em conta que as imagens são o factor que ocupa mais recursos no carregamento de uma página, isto pode significar bastantes segundos.&lt;br /&gt;
Para &lt;b&gt;optimizar as fotos&lt;/b&gt; aconselho a utilização do &lt;a href=&quot;http://www.gracepointafterfive.com/punypng/&quot;&gt;punypng&lt;/a&gt;, que é uma &lt;b&gt;ferramenta gratuita&lt;/b&gt; onde vocês fazem o upload da vossa imagem e ele devolve a mesma imagem, mas optimizada. Aposto que não vão notar diferença na qualidade e vão ficar surpreendidos com a diferença no tamanho!&lt;br /&gt;
&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://dicasparablogsbr.blogspot.com/feeds/1149528727130640832/comments/default' title='Postar comentários'/><link rel='replies' type='text/html' href='http://dicasparablogsbr.blogspot.com/2009/11/blog-mais-rapido-optimizar-imagens.html#comment-form' title='0 Comentários'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/8674846264785641194/posts/default/1149528727130640832'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/8674846264785641194/posts/default/1149528727130640832'/><link rel='alternate' type='text/html' href='http://dicasparablogsbr.blogspot.com/2009/11/blog-mais-rapido-optimizar-imagens.html' title='Blog mais rápido – Optimizar imagens'/><author><name>Paulo Cesar</name><uri>http://www.blogger.com/profile/01101463881033703802</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='32' height='20' src='//blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgEKwgifFohsHgBXvpG2mRUIPup0ajV-u_QOZWiwNeSjguSS4YgTevYVnuHwIPb280PaGJPbZOwi1SBAyQxEaUQANA9GpP_yfwIA_mWanaGLlQzu4qAFMMjEDnfG7hFztI/s1600/ELEVADOR%252BLACERDA.jpg'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-8674846264785641194.post-1929208891260562156</id><published>2009-10-21T18:21:00.004-03:00</published><updated>2009-11-09T21:51:20.419-03:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="Blogosfera"/><category scheme="http://www.blogger.com/atom/ns#" term="Dicas para Blog"/><category scheme="http://www.blogger.com/atom/ns#" term="Variedades"/><title type='text'>Técnicas de Otimização que o SEO não faz</title><content type='html'>&lt;h2&gt;SEO não é um conjunto de técnicas?&lt;/h2&gt;&lt;img align=&quot;left&quot; alt=&quot;SEO - Conteudo de Qualidade&quot; class=&quot;size-full wp-image-577&quot; height=&quot;160&quot; src=&quot;http://www.professionalblogger.com.br/wp-content/seo-conteudo-qualidade.jpg&quot; style=&quot;border: 1px solid rgb(0, 0, 0); margin: 10px;&quot; title=&quot;SEO - Conteudo de Qualidade&quot; width=&quot;240&quot; /&gt;&lt;br /&gt;
Um amigo alegou que SEO não deve ser tratado como &lt;b&gt;conjunto de técnicas&lt;/b&gt;, mas sim como uma ferramenta para alcançar um ou mais objetivos, deixando a responsabilidade maior para o conteúdo desenvolvido pelo blogger. Outro ponto destacado  foi a visão do SEO como &lt;b&gt;metas pré-definas&lt;/b&gt; pelo blogger ou grupos de analistas de otimização.&lt;br /&gt;
Na minha visão, as técnicas de SEO são e devem ser tratadas como parte fundamental em qualquer conteúdo Web, pois se você investe seu tempo em pesquisar, revisar e divulgar, com certeza você deseja que outras pessoas e\ou empresas leiam e comentem os artigos que você tanto trabalhou, correto?&lt;br /&gt;
&lt;h2&gt;Conteúdo de Qualidade sem Otimização&lt;/h2&gt;Se você confiar apenas no conteúdo, não vai para lugar nenhum e a consequência será que os únicos leitores serão você, sua namorada e alguns amigos. Além de técnica, o SEO precisa ser usado como uma mentalidade na hora de blogar, não adianta ter o melhor português, as melhores imagens se o Google e o mundo não se sentir atraído pelas palavras, é claro que no &lt;b&gt;Long Tail&lt;/b&gt; você conseguirá miseros visitantes… &lt;br /&gt;
No entanto, existe o outro lado da moeda, não adianta fazer um &lt;a fancytooltip=&quot;Como colocar uma blog na primeira página do Google&quot; href=&quot;http://www.professionalblogger.com.br/hype-colocando-seu-blog-na-primeira-pagina-do-google/&quot; target=&quot;_blank&quot;&gt;Hype&lt;/a&gt; e pensar que os usuários vão amá-lo porque seus resultados apareceram no triângulo vermelho das &lt;b&gt;SERPs&lt;/b&gt;, muitos blogger se esquecem que o Google trabalha com várias métricas, uma delas é a &lt;b&gt;Taxa de Rejeição&lt;/b&gt;, ou seja, se o seu artigo está nas primeiras posições, mas possui uma taxa de rejeição alta, sua importância no Google vai diminuir gradativamente…&lt;br /&gt;
&lt;br /&gt;
&lt;b&gt;Conclusão&lt;/b&gt;&lt;br /&gt;
As técnicas de SEO e o Conteúdo de Qualidade são fatores que devem trabalhar em equipe, pois um conteúdo rico precisa de otimização constante para se manter em alta, e as técnicas de SEO precisam de um bom conteúdo para gerar resultados!&lt;br /&gt;
Não existe mágina, pois SEO é um conjunto de 1500 técnicas, cada uma delas com um peso diferente na hora do Google avaliar seus conteúdo e o Page Rank…&lt;br /&gt;
Gostou do artigo? Então faça um comentário!</content><link rel='replies' type='application/atom+xml' href='http://dicasparablogsbr.blogspot.com/feeds/1929208891260562156/comments/default' title='Postar comentários'/><link rel='replies' type='text/html' href='http://dicasparablogsbr.blogspot.com/2009/10/tecnicas-de-otimizacao-que-o-seo-nao.html#comment-form' title='0 Comentários'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/8674846264785641194/posts/default/1929208891260562156'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/8674846264785641194/posts/default/1929208891260562156'/><link rel='alternate' type='text/html' href='http://dicasparablogsbr.blogspot.com/2009/10/tecnicas-de-otimizacao-que-o-seo-nao.html' title='Técnicas de Otimização que o SEO não faz'/><author><name>Paulo Cesar</name><uri>http://www.blogger.com/profile/01101463881033703802</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='32' height='20' src='//blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgEKwgifFohsHgBXvpG2mRUIPup0ajV-u_QOZWiwNeSjguSS4YgTevYVnuHwIPb280PaGJPbZOwi1SBAyQxEaUQANA9GpP_yfwIA_mWanaGLlQzu4qAFMMjEDnfG7hFztI/s1600/ELEVADOR%252BLACERDA.jpg'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-8674846264785641194.post-8377526659733398984</id><published>2009-10-21T18:17:00.002-03:00</published><updated>2009-11-09T21:52:02.566-03:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="Blogosfera"/><category scheme="http://www.blogger.com/atom/ns#" term="Dicas para Blog"/><category scheme="http://www.blogger.com/atom/ns#" term="Variedades"/><title type='text'>O melhor blog do mundo</title><content type='html'>&lt;i&gt;&lt;/i&gt; &lt;br /&gt;
&lt;img align=&quot;left&quot; alt=&quot;Medalhas para o melhor blog do mundo&quot; class=&quot;size-full wp-image-587&quot; height=&quot;160&quot; src=&quot;http://www.professionalblogger.com.br/wp-content/medalhas.jpg&quot; style=&quot;border: 1px solid rgb(0, 0, 0); margin: 10px;&quot; title=&quot;Medalhas para o melhor blog do mundo&quot; width=&quot;240&quot; /&gt;&lt;br /&gt;
No último artigo escrevi sobre Técnicas de Otimização que o SEO não faz, algumas dicas que você deve aplicar além das &lt;b&gt;técnicas de SEO&lt;/b&gt; mais conhecidas pelos bloggers, nesse artigo eu coloco em pauta a importância que o SEO tem no conteúdo de cada blog, mas vamos ao artigo de hoje, “o melhor blog do mundo”!&lt;br /&gt;
Verifique as informações em sua menta e tente encontrar algum blog que mereça o título de melhor do mundo, é provavel que você encontre um ou mais deles, mas o que torna um blog tão importante ou qual a fórmula para transformar seu blog em uma referência no Blogosfera?&lt;br /&gt;
Talvez o &lt;b&gt;Page Rank&lt;/b&gt; desse blog seja alto ou a pessoa já era famosa antes das primeiras linhas de conteúdo, mas será que essas coisas podem realmente levá-lo ao sucesso?&lt;br /&gt;
&lt;h3&gt;Todos os blogs são normais, até que se prove o contrário&lt;/h3&gt;“Este é apenas mais um blog WordPress”. Já não me lembro quantas vezes li esta frase, mas a verdade é que quando um blog nasce, ele é simplesmente mais um blog perdido nesse universo chamado &lt;b&gt;Blogosfera&lt;/b&gt;. É triste saber que muitos blogs morrem alguns segundos depois de sua instalação, mas para você que sobreviveu até aqui, aí vão algumas dicas que podem ajudá-lo a chegar ao topo.&lt;br /&gt;
&lt;h3&gt;Um sucesso chamado resposta&lt;/h3&gt;Ao longo dos 99 artigos anteriores percebi que grande parte do sucesso está em uma palavra chamada &lt;b&gt;Resposta&lt;/b&gt;. Esse termo aparece em diversos aspectos do blog: Responder aos comentários, criar artigos baseado nas ferramentas de busca, responder e-mails, colocar o nome de quem sugeriu seu último artigo, Ping Backs, Track Backs, Blogroll, é claro que existem outros formatos de respostas, mas esses são essências para que você tenha um destaque frente aos seus “concorrentes”.&lt;br /&gt;
Todo e qualquer participação do usuário em seu conteúdo pode resultar na fidelização dos visitantes para RSS feeds, Twitter ou outras Redes Sociais.&lt;br /&gt;
&lt;h3&gt;O seu tema é o seu rosto&lt;/h3&gt;Outro ponto que torna um blog diferentes dos outros é escolha de um tema único, personalisado e que tenha em sua aparência muitas características do seu próprio perfil pessoal.&lt;br /&gt;
Em muitos casos é nítido perceber se um blogger é responsável ou não simplesmente observando tema que ele usa no blog, por isso não é só Conteúdo de Qualidade que conta, mas sim tudo aquilo que envolve os artigos, você se perguntou que o Google sabe quais são os temas mais usados pelos bloggers?&lt;br /&gt;
A resposta é óbvia, sim! Os buscadores sabem que existem milhares que usam o Freshy e que outros nem ao menos saem do template padrão do WordPress, ou seja, se você é comum, por que então precisa de um destaque nas &lt;b&gt;SERPs&lt;/b&gt;?&lt;br /&gt;
&lt;h3&gt;Amigos do Blog&lt;/h3&gt;Se você não tem amigos, você não tem nada! Amigos não são bons apenas para te ajudar com um link no Blogroll, mas sim para ter dar apoio técnico e opiniões sobre geração de &lt;b&gt;Conteúdo de Qualidade&lt;/b&gt;…&lt;br /&gt;
&lt;h3&gt;Relacionamento é uma das bases do Sucesso&lt;/h3&gt;O relacionamento com outros bloggers sempre foi uma prioridade para mim, diferente de muitos que encaram bloggers com concorrentes mortais… Existe uma frase que diz: O sucesso não está em um homem, mas está em uma equipe. Se você quer que as pessoas o vejam como amigável, seja amigável, faça para os outros aquilo que você quer que façam à você… &lt;br /&gt;
Todo e qualquer contato que você faz hoje, será fundamental para o seu blog amanhã. A amizade gera Guests Posts, Sharing Posts, Links, Page Rank e prestígio, mas não confunda amize com interesses, todos esses resultados que estou escrevendo devem acontecer de forma espotânea, não force amizades…&lt;br /&gt;
&lt;h3&gt;O melhor blog do mundo…&lt;/h3&gt;É claro que você ainda está pensando no título deste artigo, o &lt;b&gt;melhor do blog do mundo&lt;/b&gt;! Na minha modesta opinião, digo que esse título deve ser dado para o seu amigo, nunca pense que é você é o melhor, pois assim vai ficar desmotivado para continuar seu trabalho, por isso trabalhe com inovação, garra, inteligência e os resultados com certeza virão…&lt;br /&gt;
Seja mais participativo, crie perfis em fóruns, comunidades, esteja aberto para novas ideias e tecnologias. Procure o melhor para você e para o seu blog, seja crítico consigo mesmo, procurando uma maneira de melhorar seu conteúdo a cada dia…&lt;br /&gt;
Peça a opinião dos leitores, amigos. Todas informações que você obter serão de grande ajuda para alavancar a qualidade e a quantidade de visitas que você precisa para gerar receita!&lt;br /&gt;
“Se você quer possuir o melhor blog do mundo, precisa melhorar a cada dia, em todos os aspectos”.</content><link rel='replies' type='application/atom+xml' href='http://dicasparablogsbr.blogspot.com/feeds/8377526659733398984/comments/default' title='Postar comentários'/><link rel='replies' type='text/html' href='http://dicasparablogsbr.blogspot.com/2009/10/o-melhor-blog-do-mundo.html#comment-form' title='0 Comentários'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/8674846264785641194/posts/default/8377526659733398984'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/8674846264785641194/posts/default/8377526659733398984'/><link rel='alternate' type='text/html' href='http://dicasparablogsbr.blogspot.com/2009/10/o-melhor-blog-do-mundo.html' title='O melhor blog do mundo'/><author><name>Paulo Cesar</name><uri>http://www.blogger.com/profile/01101463881033703802</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='32' height='20' src='//blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgEKwgifFohsHgBXvpG2mRUIPup0ajV-u_QOZWiwNeSjguSS4YgTevYVnuHwIPb280PaGJPbZOwi1SBAyQxEaUQANA9GpP_yfwIA_mWanaGLlQzu4qAFMMjEDnfG7hFztI/s1600/ELEVADOR%252BLACERDA.jpg'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-8674846264785641194.post-8028541402767885163</id><published>2009-10-21T18:11:00.001-03:00</published><updated>2009-11-09T21:52:57.138-03:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="Blogosfera"/><category scheme="http://www.blogger.com/atom/ns#" term="Dicas para Blog"/><title type='text'>O Blog é um jogo de Poker</title><content type='html'>&lt;a href=&quot;http://br.888.com/&quot;&gt;&lt;img alt=&quot;Poker Online&quot; class=&quot;size-full wp-image-596 alignleft&quot; height=&quot;160&quot; src=&quot;http://www.professionalblogger.com.br/wp-content/poker-blog.jpg&quot; style=&quot;margin: 5px;&quot; title=&quot;Poker Online&quot; width=&quot;240&quot; /&gt;&lt;/a&gt;&lt;br /&gt;
Se você parar para pensar, perceberá que o seu blog é mais do que um conjunto de artigos, tags, categorias e comentários. A verdade é que todo ambiente do blogging é um um aglomerado de regras similar a um jogo de poker.&lt;br /&gt;
Antes de entender está simples comparação, é preciso entender como funcionaro Poker. Este jogo precisa de um baralho completo, 4 jogadores ou mais, as jogadas são relacionadas com milhares de combinações de pares ou sequências de cartas.&lt;br /&gt;
Em cada rodada, os jogadores apostam valores para mostrar o seu jogo e assim conquistar o prêmio desde que tenha o maior jogo entre todos, mas o &lt;b&gt;Poker&lt;/b&gt; não pára por aí, um artifício muito utilizado para levar vantagem no jogo é o “blefe”, muito utilizado em outros jogos como por exemplo o “Truco”, muito comum aqui no Brasil.&lt;br /&gt;
Ao mesmo tempo que o blefe ajuda, em algumas situações pode comprometer o valor que você apostou, é por isso que o Poker é um dos jogos mais sistemáticos do mundo. É claro que o Poker vai muito além do que expliquei até agora, mas esses pontos já são suficientes para fazer uma comparação entre o jogo e o seu blog.&lt;br /&gt;
&lt;h3&gt;Conheça as regras do jogo&lt;/h3&gt;Muitos evangelistas do blogging dizem que você não deve começar um blog pensando em ganhar dinheiro. Eles que me desculpem, mas eu discordo totalmente dessa opinião, pois se você paga um domínio, hospedagem, investe seu tempo e conhecimento, não seria justo você não ganhar nada com isso.&lt;br /&gt;
Para gerar receita com seu blog não adianta pensar que os visitantes vão se multiplicar em conjunto com o dinheiro, isso seria a mesma coisa de apostar na roleta pela primeira vez e ficar rico… Assim como o Poker, você tem que entender as principais técnicas para conduzir seu blog para o sucesso, não pense que você já sabe o suficiente para manter um blog, os menores detalhes podem fazer muito diferença ao longo do tempo.&lt;br /&gt;
&lt;h3&gt;O blefe é muito perigoso&lt;/h3&gt;Não deva não aos visitantes… Parece estranho, mas essa é uma das maiores verdades na blogosfera, mas onde este blefe ocorre?&lt;br /&gt;
Os blefes ocorrem nos lugares mais comuns do blog, são eles: Comentários, &lt;a fancytooltip=&quot;Guest Post&quot; href=&quot;http://www.professionalblogger.com.br/guest-post-ganhe-visitas-de-outros-blogs/&quot; target=&quot;_blank&quot;&gt;Guests Posts&lt;/a&gt;, Blogroll, Artigos Pendentes e etc. Para ser mais claro quero dizer que não responder aos comentários, não convidar autores de outro blogs para os seus artigos, não publicar o artigo que prometeu aos usuários podem ser um conjunto de problemas que você pode enfrentar, ou seja, não blefe, seja verdadeiro no blog….&lt;br /&gt;
&lt;h3&gt;Estratégia é fundamental&lt;/h3&gt;Quer vencer? Quer ganhar dinheiro?&lt;br /&gt;
Eu também quero, mas não adianta querer se você não fazer nada a respeito. Invista seu tempo e dinheiro em ferramentas e conhecimento que podem ajudá-lo a conquistar profissionalismo e eficiência na hora de blogar.&lt;br /&gt;
Procure organizar seus artigos e segmente temas de acordo com o seu público alvo, não permita que seus usuários fujam do blog pela inatividade e &lt;b&gt;conteúdo sem qualidade&lt;/b&gt;. Leia, comente e busque informações nos blogs amigos e concorrentes, começe a planejar o dia de publicação de seus artigos…&lt;br /&gt;
Finalizando…&lt;br /&gt;
O blog é muito semelhante ao jogo de Poker, pois nele existem adversários que, aplicam conhecimento e estratégias para eliminar aqueles que os cercam, buscando ganhar o grande prêmio, no seu caso, os visitantes e valores financeiros.&lt;br /&gt;
Gostou do artigo? Então façam um comentário!</content><link rel='replies' type='application/atom+xml' href='http://dicasparablogsbr.blogspot.com/feeds/8028541402767885163/comments/default' title='Postar comentários'/><link rel='replies' type='text/html' href='http://dicasparablogsbr.blogspot.com/2009/10/o-blog-e-um-jogo-de-poker.html#comment-form' title='0 Comentários'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/8674846264785641194/posts/default/8028541402767885163'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/8674846264785641194/posts/default/8028541402767885163'/><link rel='alternate' type='text/html' href='http://dicasparablogsbr.blogspot.com/2009/10/o-blog-e-um-jogo-de-poker.html' title='O Blog é um jogo de Poker'/><author><name>Paulo Cesar</name><uri>http://www.blogger.com/profile/01101463881033703802</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='32' height='20' src='//blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgEKwgifFohsHgBXvpG2mRUIPup0ajV-u_QOZWiwNeSjguSS4YgTevYVnuHwIPb280PaGJPbZOwi1SBAyQxEaUQANA9GpP_yfwIA_mWanaGLlQzu4qAFMMjEDnfG7hFztI/s1600/ELEVADOR%252BLACERDA.jpg'/></author><thr:total>0</thr:total></entry></feed>