Dicas Blogger

Home » Archives for 2010

Formulário de contato para Blogger

<img align="left" alt="box_2" border="0" height="100" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEijHHXLxAsPaZM7_l4AN_ndmH90hyNtnP1ytrosbyYryESLPJMG7jx2kQ-r7BpBsVb5CQ5zugBpAFMn-0QQUGGPIddBT5KxL6lXC_Ro1SQHkPLQi7kWuZ8_FVJ76HmVY5qRONcFVAOhwkDq/?imgmax=800" style="background-image: none; border-bottom-width: 0px; border-left-width: 0px; border-right-width: 0px; border-top-width: 0px; display: inline; float: left; margin: 0px 2px 0px 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" title="box_2" width="113" /> Fui avisada por vários usuários, que o <a href="http://www.dicasblogger.com.br/2009/02/wufoo-formulario-de-contato-blogger.html">Wufoo</a> – serviço para criação de formulários de contato – não está mais disponibilizando contas gratuitas. Sendo assim, venho recomendar o <a href="http://www.123contactform.com/">123 Contact Form</a>, que não é tão completo, mas que cumpre o que promete. 
  
Para criar um formulário de contato, basta fazer um cadastro rápido, clicando em sign up for free. Escolha a conta gratuita (Free), conforme mostra a imagem abaixo: 
<img alt="123contactform" border="0" height="265" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjxB9VpdZKOK2xfQHJ8WzuLzmUODsc4sc5fZEt093VjKE7rF3ZZS54rCrZwU8VX8T9RwXSB-LF1y-c4T6SdSYAOv2U0yCc1y54rj4QjChH1LkPSL_vH0FsmXSVenzCQhsY3VJGmP0m1sCxU/?imgmax=800" style="background-image: none; border-bottom-width: 0px; border-left-width: 0px; border-right-width: 0px; border-top-width: 0px; display: block; float: none; margin: 0px auto; padding-left: 0px; padding-right: 0px; padding-top: 0px;" title="Conta gratuita" width="452" /> 
A seguir, preencha os dados solicitados no formulário e clique em create account. 
Uma vez criada a conta, faça o login a fim de ter acesso ao painel de gerenciamento. 
Clique em new form para criar um novo formulário ou em my forms para editá-los. 
<img alt="123contactform" border="0" height="172" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEicnfNj1DEYBiVVP4hfAUx-Jknx3EpbbcSy9FHpLa3l3ZHbsLb7kTuzTVk1wRSc7x6AkdLPg87LEcm5a_W9wp9oJlnZfhUuAdgPgw5WCf4k6yp2i-Hgq9d3TLPTalaFSyVDQrGNJV3sPs8S/?imgmax=800" style="background-image: none; border-bottom-width: 0px; border-left-width: 0px; border-right-width: 0px; border-top-width: 0px; display: block; float: none; margin: 0px auto; padding-left: 0px; padding-right: 0px; padding-top: 0px;" title="Painel de Gerenciamento" width="452" /> 
Como criar o formulário de contato com o 123 contact form 
<ol>
<li>clique em New form; </li>
<li>dê um nome ao formulário e clique em save; </li>
<li>escolha os campos que serão adicionados ao formulário e clique em next; </li>
<li>escolha as cores do cabeçalho e plano de fundo; </li>
<li>configure a forma de resposta e pronto </li>
</ol>
Para que os campos fiquem em português, no passo 3 substitua os títulos em inglês 
<img alt="123contactform" border="0" height="173" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgNOS4bJHz3MhQDwUjSufnfm57Q3PguUTygRAlBKaYIT8PexUMV9kFuA0Cq426QQ-XNHMuQNzbZ0dEHzUTDFQIfvB77JGywg7LaJiXtODnfcTL0KxQdxBdhwrCsZ8k5m9vua-w7B8iXVQen/?imgmax=800" style="background-image: none; border-bottom-width: 0px; border-left-width: 0px; border-right-width: 0px; border-top-width: 0px; display: block; float: none; margin: 0px auto; padding-left: 0px; padding-right: 0px; padding-top: 0px;" title="Campos em português" width="452" /> 
Como colocar o formulário dentro de um post do Blogger 
Copie o código embed que aparece em “Options 2a.” 
<img alt="123contactform" border="0" height="140" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgwgxcCu50-ZxIUyYF5aIHvOGQsbcd_f2N8BKdgpn4698i0eQIE2zkurgn3-B1lxU6dHMvQO20-lZj9Cvs0AVdiv3mztEWv4IeGZMv-oGCLqFsG5Ba-ggZAX8F4GWlJBxMlBANy2Cj0alhG/?imgmax=800" style="background-image: none; border-bottom-width: 0px; border-left-width: 0px; border-right-width: 0px; border-top-width: 0px; display: block; float: none; margin: 0px auto; padding-left: 0px; padding-right: 0px; padding-top: 0px;" title="Copiando o código" width="452" /> 
Abra uma nova postagem no Blogger, clique na aba editar HTML e cole o código. 
<img alt="123contactform-blogger" border="0" height="236" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiNdAiaW6QrR1W1M0JWb_hM67f31uFiFy4fHFw1lIk8f7RU8V0l0FDmUMSfrsaht8zDcm7hoBm9WgRrTQxgAndNsYROUJowXYu7Gzc1twy10l0rh8_WaeU-nCzNPBN8Yz1nB5AwvCDNJVce/?imgmax=800" style="background-image: none; border-bottom-width: 0px; border-left-width: 0px; border-right-width: 0px; border-top-width: 0px; display: block; float: none; margin: 0px auto; padding-left: 0px; padding-right: 0px; padding-top: 0px;" title="Colando o código em um post ou página" width="452" /> 
Clique em visualizar e se tudo estiver correto, publique como post ou como página. 
<img alt="formulario-de-contato-blogger" border="0" height="286" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg3Id4QLif20x9_AgL2FdJrXCAnWurxIfZaoctVhQX-tZgHh9Ly8fSC9VbDDP3I66DiIjhWD0je2Zj2teHMuaw1KcPqFG5pfXo8N1K9xCsOkCIgRXGXDW3ZT4N875VhBUrjwZQplwLlbpyg/?imgmax=800" style="background-image: none; border-bottom-width: 0px; border-left-width: 0px; border-right-width: 0px; border-top-width: 0px; display: block; float: none; margin: 0px auto; padding-left: 0px; padding-right: 0px; padding-top: 0px;" title="Formulário dentro de uma página" width="452" /> 
Outras opções de divulgação do formulário de contato 
As opções 1a. e 1b. disponibilizam uma série de banners para colocar na sidebar 
<img alt="123contactform-blogger" border="0" height="242" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg07nOqO4YJo18-ItXhy2jJ9hBR4q_VKw6eDk6PE8ATmzATBpf0VvsUSOzZNgVdkmUHkZvlhN_MOfR0OgfjeAUWpSgCc4sGQkmL7g8K0c8vKNWq2U1P7Hty5wJxSCeXcRBye_CVy0DHl7TP/?imgmax=800" style="background-image: none; border-bottom-width: 0px; border-left-width: 0px; border-right-width: 0px; border-top-width: 0px; display: block; float: none; margin: 0px auto; padding-left: 0px; padding-right: 0px; padding-top: 0px;" title="Banners" width="452" /> 
Para acessar todas as opções de códigos, vá ao painel e clique em “HTML CODE”. 
Atualização às 16:10 – para contas antigas, o Wufoo continua gratuito. 
Atualização em 20/02/2011 – o Wufoo voltou a ser gratuito

Formulário de contato para Blogger

Fui avisada por vários usuários, que o Wufoo – serviço para criação de formulários de contato – não está mais disponibilizando contas grat...

Continue Lendo >>

13:11

TweetDeck para Google Chrome

<img align="left" alt="tweetdeck-logo" border="0" height="90" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg_1mKsB6Gera18SCj5JGtQcDfd7IHvVYTljTBXUM1to_q52bKgGznh1RSa5Uc80kwjd1v9aOMG13_XFqZOX_OnaHQ03oMM-DofRRkoziLtNWJurhCWnEzNusXOXL4zUEhUcO0-jwcB8H3S/?imgmax=800" style="background-image: none; border-bottom-width: 0px; border-left-width: 0px; border-right-width: 0px; border-top-width: 0px; display: inline; float: left; margin: 0px 5px 0px 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" title="tweetdeck-logo" width="90" />Chegou a versão para Google Chrome do poderoso cliente para Twitter TweetDeck. O aplicativo é super simples de instalar, rápido e com uma belíssima interface, trazendo ainda alguns diferenciais com relação à versão para desktop, como, por exemplo, a possibilidade de alternar entre duas ou mais contas, sem precisar incluir novas colunas. 
Para usar o Chrome TweetDeck, <a href="https://chrome.google.com/webstore/detail/hbdpomandigafcibbmofojjchbcdagbl" target="_blank" title="http://www.tweetdeck.com/chrome/">clique aqui</a> usando o navegador Google Chrome. A seguir, clique em install e faça login com sua conta do Google. 
<img alt="chrome-tweetdeck" border="0" height="175" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg-ibQ9MySHsWTHxIN-ntCud3A9KT5LSoTeLSzC1e_CUPSnKb5ubz0JsqVFpqRg29du5IIp1Z_Si67u3xmB60_qtwcAqkueGGTUk_KuT7XY7RHwTiJnSlsOECblDCgGvedtLLVodK3fuhtV/?imgmax=800" style="background-image: none; border-bottom-width: 0px; border-left-width: 0px; border-right-width: 0px; border-top-width: 0px; display: block; float: none; margin: 0px auto; padding-left: 0px; padding-right: 0px; padding-top: 0px;" title="Install" width="452" /> 
Na janela seguinte, clique sobre o ícone do TweetDeck, para começar a utilizá-lo. 
<img alt="tweetdeck-logo" border="0" height="221" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEggrQgOs4j5LCkw3ClJx4FzPf6tk4s224ALmvsCDvSlLpvfIdqtRuFUsR6ujkNLPVjvyZW62bn4SHCHpuIbaPjHXsZXl8lMiQBhKIe4Cm8l3qvxQzjhTzKHLJGCveTP8IG0piPqQvQ4_k92/?imgmax=800" style="background-image: none; border-bottom-width: 0px; border-left-width: 0px; border-right-width: 0px; border-top-width: 0px; display: block; float: none; margin: 0px auto; padding-left: 0px; padding-right: 0px; padding-top: 0px;" title="Ícone do TweetDeck" width="452" /> 
Temos três opções para dar início ao aplicativo Chrome TweetDeck: exportar dados do TweetDeck desktop (import from TweetDeck desktop), fazer login ou criar uma conta no TweetDeck (sign in with your TweetDeck account) ou simplesmente adicionar as contas manualmente (get started without signing in). Para este tutorial, escolhi a última. 
<img alt="tweetdeck-chrome" border="0" height="260" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgCg1Ej9Rcws45vnufJBG3qK_SIQ_OtQvlqzgR1qo_LTMbnMPdli33a8zgFGXPOhF6P5E7XL7QzR_iSOduOEvTEZTPCImvZa7HKnq-lYtop5SVZeNa_cRkcNc0bTs0H0ITXkumgNRfeXeR0/?imgmax=800" style="background-image: none; border-bottom-width: 0px; border-left-width: 0px; border-right-width: 0px; border-top-width: 0px; display: block; float: none; margin: 0px auto; padding-left: 0px; padding-right: 0px; padding-top: 0px;" title="Opções de contas" width="452" /> 
Clique no botão add account e vá adicionando suas contas do Twitter, Facebook, Google Buzz e Foursquare. Logo a seguir, aparecerão as atualizações de seus amigos. 
<img alt="tweetdeck" border="0" height="213" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgp3f4Noa5K0raKuaAYlmuSq3s0sdQxzhHbgEOO6_CJHmVTW4TJGXG0AP8jyRcrE39N9t_V5t6JeqE-z7UyMakfzKnqMo8EXu59whJgz3W6w22bm3ccifdxLn4cqfy7zVBEPwqRXNZZmK1H/?imgmax=800" style="background-image: none; border-bottom-width: 0px; border-left-width: 0px; border-right-width: 0px; border-top-width: 0px; display: block; float: none; margin: 0px auto; padding-left: 0px; padding-right: 0px; padding-top: 0px;" title="Adicionando contas" width="452" /> 
<img alt="timeline" border="0" height="218" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjtEBadw4utUFlhvnxvfYB3ap27lbPYc-0hkHvZBLOOi0__tQK3S76XrQV_Nc5maFd4gacTimv0gLQYupLNu0k56Jixey03SniWKzIszDey33Ygti3-ye9jTe61P0UNl5KWFRANjjfHftTb/?imgmax=800" style="background-image: none; border-bottom-width: 0px; border-left-width: 0px; border-right-width: 0px; border-top-width: 0px; display: block; float: none; margin: 0px auto; padding-left: 0px; padding-right: 0px; padding-top: 0px;" title="Atualizações" width="452" /> 
Para aprender a usar o TweetDeck, acesse <a href="http://www.dicasblogger.com.br/2010/02/como-usar-e-configurar-o-tweetdeck.html">Como usar e configurar o TweetDeck</a> 
<a href="http://twitter.com/dicas_blogger"><img alt="twitter-follow" border="0" height="111" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg3SvnEdzy5uMUEMybvryXs2wPaMcYvxvWqPtYJ78m0G-L52XtxMEGxtKHa03E98PCmR6MZqFa75v-kImpI1bYveD06xNRAAu5DyOqtEXwTp_9GhJpF4krbYr0lQrfp844pM9wuc25xmCfC/?imgmax=800" style="background-image: none; border-bottom-width: 0px; border-left-width: 0px; border-right-width: 0px; border-top-width: 0px; display: block; float: none; margin-left: auto; margin-right: auto; padding-left: 0px; padding-right: 0px; padding-top: 0px;" title="Siga o Dicas Blogger!" width="224" /></a>

TweetDeck para Google Chrome

Chegou a versão para Google Chrome do poderoso cliente para Twitter TweetDeck . O aplicativo é super simples de instalar, rápido e com uma b...

Continue Lendo >>

17:59

Como colocar previsão de tempo no blog

<img align="left" alt="image" border="0" height="129" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEid-mt0QUJdFzG9FnYAgQ3MUpxVd1KT1KF0VNL2wmRYhT9O98hvXGVGrAv3LIl4_BqdMhLzAWS7Q1yHjiQkOaxfWccLGHBnsFzeblzYTv-KC6ZPc4TDrg8iKqud65SFth76mHdc6iLYtzFg/?imgmax=800" style="background-image: none; border-bottom-width: 0px; border-left-width: 0px; border-right-width: 0px; border-top-width: 0px; display: inline; float: left; margin: 0px 5px 0px 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" title="image" width="114" />Que tal colocar um gadget com a previsão do tempo em seu blog do Blogger? Um gadget que eu achei super legal, foi o do site Climatempo.  Acesse <a href="http://www.climatempo.com.br/tempo_no_seu_site.php" target="_blank">este link</a>  e escolha um dos modelos disponíveis: previsão de tempo de até 5 cidades, previsão do tempo das capitais, ondas ou regiões do Brasil. 
 
Selecione uma skin (tipo um plano de fundo) e clique em clique aqui. Preencha os campos em branco e depois clique em ver código. Copie o código e cole no gadget HTML/javascript do seu blog (design>elementos de página) 
 
<table border="0" cellpadding="2" cellspacing="4" style="width: 560px;"><tbody>
<tr> <td valign="top" width="280"><img alt="image" border="0" height="228" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjebV3svxuGg9GVOVCMfsFHknZPHZALvi-6Ir6mNzfMIjCS88O1zxPdtMBsNMKjfFPdt8fYvWWYSjZd1guEy-LHUjyqFWLYj_Qx9SH9fSO1y4RSERb7fo40EW0wjGMyTKMCrH4lC2os5nMq/?imgmax=800" style="background-image: none; border-bottom-width: 0px; border-left-width: 0px; border-right-width: 0px; border-top-width: 0px; display: inline; padding-left: 0px; padding-right: 0px; padding-top: 0px;" title="Capitais do Brasil" width="264" /></td> <td valign="top" width="280"><img alt="image" border="0" height="228" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiux7iFpC4WdwfGli4-DWtrpZJtaH7uoFksLXlqACDVC3igVuLKDSE-6Hho8luQKmgv5OU_sgYFw27MDXUvOzwT4DJeajbRzcICNKk1iCnvRKkV-ou24vlJprrGi5ftQ9OPncIBKYjMRmSe/?imgmax=800" style="background-image: none; border-bottom-width: 0px; border-left-width: 0px; border-right-width: 0px; border-top-width: 0px; display: block; float: none; margin: 0px auto; padding-left: 0px; padding-right: 0px; padding-top: 0px;" title="Copiando o código" width="261" /></td> </tr>
</tbody></table>
<img alt="tempo" border="0" height="297" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjWeG-E4NsuiVtW_Y0vvqSbetxlqxxgt6xh5vfH1KefRtx1aQzfGfKkDua3dv7z6tGYJWLXaFdK7SI8_CJCJL1IiqrvfeADSeCrNofZ0ylQ5aVy6hmi2-TXyMBkeqJUQJ0kZOMR7FIN7faE/?imgmax=800" style="background-image: none; border-bottom-width: 0px; border-left-width: 0px; border-right-width: 0px; border-top-width: 0px; display: block; float: none; margin: 0px auto; padding-left: 0px; padding-right: 0px; padding-top: 0px;" title="tempo" width="502" />

Como colocar previsão de tempo no blog

Que tal colocar um gadget com a previsão do tempo em seu blog do Blogger? Um gadget que eu achei super legal, foi o do site Climatempo. Ace...

Continue Lendo >>

21:49

Versão mobile oficial no Blogger in Draft

<img align="right" alt="iphone" border="0" height="98" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgHoLP5gRQiGjEr_3cFLdKPtQ8BIp1mFI4J23wu9YGcUgSU6k0zH3BSQmYaDj7bQrqjrSmDbMQw0c5fQ2K6jARK_SHchNNn7ihkHkTVQCAF-NPulKVdvRhcjcKb-ooKsiCo01hvAdQSkhgT/?imgmax=800" style="background-image: none; border-bottom-width: 0px; border-left-width: 0px; border-right-width: 0px; border-top-width: 0px; display: inline; float: right; padding-left: 0px; padding-right: 0px; padding-top: 0px;" title="iphone" width="93" />Já está disponível no Blogger in Draft, a tão aguardada possibilidade de ativação de uma versão mobile dos blogs do Blogger/Blogspot. A versão mobile é usada para acesso via celulares e smartphones e mostra uma visão mais enxuta do blog e com fontes maiores.   
Para ativar a versão mobile, <a href="http://draft.blogger.com/" target="_blank">clique aqui</a>. Irá aparecer a seguinte mensagem: “Novo! Modelos para celular” 
<img alt="image" border="0" height="203" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhRFJzSpgA0q7Ju3dHdDVP6FGSDPEVIwxLQENEbBUapqaJmgLcdXR255LxQ8hKdVKiXT3GkkEkF3LIFirWv2Mab4-SJrdogPAxiGsUqZtwxX3wZ9SBhQXvyNCjfKCGwWWyirqWWRy5Q-rmb/?imgmax=800" style="background-image: none; border-bottom: 0px; border-left: 0px; border-right: 0px; border-top: 0px; display: block; float: none; margin: 0px auto; padding-left: 0px; padding-right: 0px; padding-top: 0px;" title="Painel do Blogger In Draft" width="452" /> 
Clique no botão ativar modelos para celular. Na próxima página, marque a primeira caixa e clique em viualização em celular, pra ver como é que vai ficar: 
<img alt="image" border="0" height="204" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgD-zLSDd_ePlT9dmmZrknE6xF_NNOVClVyMWok0qD7CrRW3GlRIQqqTve0OO4_ZmeY1ZDNDBacrOZmVOYqQzQUtzKO-IOJ6OA2GXmZd5yll00snT2VO_yXZG8Ylr8UPS9125c9bRykOXBS/?imgmax=800" style="background-image: none; border-bottom: 0px; border-left: 0px; border-right: 0px; border-top: 0px; display: block; float: none; margin: 0px auto; padding-left: 0px; padding-right: 0px; padding-top: 0px;" title="Configuração" width="452" /> 
Salve as configurações. Prontinho, seu blog estará disponível na versão mobile. 
<table border="0" cellpadding="2" cellspacing="4" style="width: 560px;"><tbody>
<tr> <td valign="top" width="280"><img alt="foto 1" border="0" height="395" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgC3S6xGbprOk-Tp8Q9S9okHTibTAbO0gKQuwgMHdRBkaS6bAneTNRZCe08FKKkSSX3z4PHJBkLYxNdRuezOo5GWW0_p2pNeO4rU0HVmV6CKy-NvlX4SxLCp4CO8nghvuTCwrOenc_Y8l8J/?imgmax=800" style="background-image: none; border-bottom-width: 0px; border-left-width: 0px; border-right-width: 0px; border-top-width: 0px; display: inline; padding-left: 0px; padding-right: 0px; padding-top: 0px;" title="foto 1" width="270" /></td> <td valign="top" width="280"><img alt="foto 2" border="0" height="396" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjrjrK6UB-Ws8xTN9ZojDgjKlAZ73hPP5uu1LeG_3yFayxWlZ0Wv4L_-PLFAxEzbu-IB5S7xrVpreF7emqD0foZUPav7zEYPjav0lrT_hJI38d0z8UafCe_hdJbHA-4ERsosP6uT1a7WFTG/?imgmax=800" style="background-image: none; border-bottom-width: 0px; border-left-width: 0px; border-right-width: 0px; border-top-width: 0px; display: inline; padding-left: 0px; padding-right: 0px; padding-top: 0px;" title="foto 2" width="270" /> </td> </tr>
</tbody></table>
Fonte: Redes e Bloggger - <a href="http://www.redeseblogger.com.br/2010/12/versao-mobile-do-proprio-blogger-seu.html">Versão mobile do próprio Blogger - Seu blog no celular! </a> 
O blog só aparecerá em versão mobile quando acessado via celular ou smartphone.

Versão mobile oficial no Blogger in Draft

Já está disponível no Blogger in Draft, a tão aguardada possibilidade de ativação de uma versão mobile dos blogs do Blogger/Blogspot. A vers...

Continue Lendo >>

15:46

Novidade! Vídeos do YouTube nos posts!

<img align="right" alt="youtube" border="0" height="132" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEikS0IMWDwLqzfbBPK6PHb57U94O6mOSLZrnb7g-mXVdvtWQi-5bBKBPTg61Sa0PzJLbv94GGfbRWhhIOvxt5125jsQaT_sEhXuAB5R3jKCC_hRxOxFMA4B7J69oH1pqePjxRX7SJYWVtrr/?imgmax=800" style="background-image: none; border-bottom-width: 0px; border-left-width: 0px; border-right-width: 0px; border-top-width: 0px; display: inline; float: right; margin: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" title="youtube" width="132" />Foi anunciado hoje no blog do <a href="http://bloggerindraft.blogspot.com/2010/12/search-and-insert-youtube-videos.html">Blogger In Draft</a>, que agora é possível adicionar vídeos do YouTube nos posts, usando a barra de ferramentos do editor de postagens do Blogger, simplificando assim todo o processo. O novo recurso, por enquanto, só está disponível através do painel do <a href="http://draft.blogger.com/">Blogger In Draft</a>. 
 
Para adicionar um vídeo do YouTube nos posts, clique no ícone “inserir um vídeo”. 
<img alt="inserir-video-blogger" border="0" height="236" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhks6ZWHmktnZr_xf1627yb7p9Z2LnbMXcJRjKbHgbPp_w7lA51i7ty_Zq6r9YSGjWbJ80hPyUO2TB-XEHh6Sg8Rx3NzkS0_XW_Algub7EImjSB5sUEb6JZwGMOPOdZQcvAspnYVmoPwUSX/?imgmax=800" style="background-image: none; border-bottom-width: 0px; border-left-width: 0px; border-right-width: 0px; border-top-width: 0px; display: block; float: none; margin: 0px auto; padding-left: 0px; padding-right: 0px; padding-top: 0px;" title="Inserir vídeo" width="402" /> 
Abrirá uma janela com 3 opções: fazer upload,do Youtube e meus vídeos do YouTube 
<img alt="youtube-blogger" border="0" height="226" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgdFYgtcGMKN_70aTG_eBBjQ87tGdO86z9PC-d-gEQk134Pjc5knFatjQEM1blowvG7s0LdTYa3JkmuoS5rxr1bE_OD-cXJ52crUaJq6KCi7-DNBE1uC1ykBqhIl5YXSQkYPe_yqw32RquS/?imgmax=800" style="background-image: none; border-bottom-width: 0px; border-left-width: 0px; border-right-width: 0px; border-top-width: 0px; display: block; float: none; margin: 0px auto; padding-left: 0px; padding-right: 0px; padding-top: 0px;" title="opções" width="402" /> 
Em upload, podemos enviar um vídeo, mas não é para o YouTube. Em do youtube, podemos fazer uma pesquisa, escolher os vídeos e inseri-los no post e em meus vídeos do Youtube, podemos escolher entre os vídeos que já publicamos lá. 
<img alt="youtube-blogger" border="0" height="257" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgg4-uf7jj43QBue0dfhDc7QisSCp2RCdu-3dPLnCZCpCjxbZ4JpVzL2dz7_4i4X_wDDlhTTM3ejKW0eEGYrg_pRehVGZRHfvWugyEbdqBDjEfQJJp8UN7LJ7y5bvJuz5u_LiLSR0K3lKBS/?imgmax=800" style="background-image: none; border-bottom-width: 0px; border-left-width: 0px; border-right-width: 0px; border-top-width: 0px; display: block; float: none; margin: 0px auto; padding-left: 0px; padding-right: 0px; padding-top: 0px;" title="Escolhendo os vídeos" width="402" /> 
Escolha o vídeo que será colocado dentro da postagem e clique em “selecionar” 
O vídeo será inserido automaticamente no post. Depois, visualize e publique. 
Além disso, no próprio YouTube existe agora um botão para postar vídeos no Blogger. Basta clicarmos em “compartilhar” e depois em “Blogger”. Abrirá uma nova janela do BlogThis! Escreva o post normalmente e clique em “publicar postagem”. 
<img alt="share-blogger-youtube" border="0" height="198" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgWdbfMJ5Kf0t2tND_JU9dZ86UejnxUf3VRYQxLllOpTjhrjnVIa90Eq6yIQIZLVASEYLEYv6bfhfCNKNQc0oKnJed_cwIXYtKixkK1FMTn8ggX8Qm2qB1jJgP4a3G4Bfc9a19u99l4_FKk/?imgmax=800" style="background-image: none; border-bottom-width: 0px; border-left-width: 0px; border-right-width: 0px; border-top-width: 0px; display: block; float: none; margin: 0px auto; padding-left: 0px; padding-right: 0px; padding-top: 0px;" title="BlogThis!" width="402" /> 
Importante! Tanto para postar os vídeos do seu canal no YouTube pelo painel do Blogger, quanto pelo YouTube via BlogThis, é preciso estar logado. 
Para utilizar os novos recursos, acesse o painel do Blogger In Draft, <a href="http://draft.blogger.com/">clicando aqui.</a>

Novidade! Vídeos do YouTube nos posts!

Foi anunciado hoje no blog do Blogger In Draft , que agora é possível adicionar vídeos do YouTube nos posts, usando a barra de ferramentos ...

Continue Lendo >>

22:36

Dicas para migrar do Blogger ao WordPress

<img align="left" alt="wordpress-logo" border="0" height="165" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhIxoBtUL2sRXj9UBZwP2tfSGCtugHlc1JIgOH8W7SEXDL3ePPJn6OewqViJ14SR8jvSblQ3shlKHYFhqxMRamHemtTX2prSDQzqgzLsEFEJw3x81GeNV3Ny9QqqJpysdOpEd9yo-GE01OZ/?imgmax=800" style="background-image: none; border-bottom-width: 0px; border-left-width: 0px; border-right-width: 0px; border-top-width: 0px; display: inline; float: left; padding-left: 0px; padding-right: 0px; padding-top: 0px;" title="wordpress-logo" width="127" />Devido ao <a href="http://www.dicasblogger.com.br/2010/12/provavel-bug-levou-exclusao-de-varios.html">recente bug que removeu acidentalmente diversos blogs</a> do Blogger, recebi vários comentários e emails de leitores que, indignados, afirmaram que vão migrar pro Wordpress. Sendo assim, vou passar algumas dicas pra quem vai optar por essa  aventura. 
Não é segredo para ninguém que eu nunca usei o WordPress, mas sou curiosa e leio o suficiente para saber o básico do básico desta plataforma tão aclamada por seus usuários. 
Eu já pensei em migrar, mas sempre me pareceu meio sem lógica escrever sobre o Blogger e usar o WP, afinal, pra poder ensinar a usar o Blogger, tenho que conhecer profundamente todos os seus mistérios e passar por todos os seus problemas. 
Nosso especialista em WP é o <a href="http://twitter.com/luanfr">Luan Felipe</a> e eu não vou entrar em detalhes técnicos de como migrar do Blogger para o WordPress. Já temos <a href="http://www.dicasblogger.com.br/search/label/Wordpress">vários posts</a> ensinando a fazer a migração, bem como a instalar temas e plugins. 
Também não vou falar sobre o WordPress.com, que nada mais é do que um Blogger piorado, paupérrrimo em recursos e que não vai te dar nenhuma segurança a mais. 
O quente é o Wordpress.org. Para entender a diferença entre as duas versões, acesse este ótimo post do Luan - <a href="http://www.dicasblogger.com.br/2010/01/as-duas-versoes-do-wordpress.html">Conhecendo as duas versões do Wordpress</a>. 
Existem vários diferenciais entre o Blogger e o Wordpress, que já foram listados neste outro post do Luan - <a href="http://www.dicasblogger.com.br/2010/02/diferencas-entre-blogger-e-wordpress.html">Diferenças entre Blogger e Wordpress</a> 
O problema maior para usuários do Blogger, mas que também será a grande vantagem da migração, é a necessidade de contratar um serviço de hospedagem. 
Os blogs do Wordpress.org, precisam ficar hospedados em algum lugar, ao contrário dos do Blogger, que ficam hospedados gratuitamente nos servidores do Google. Além disso, é obrigatório ter domínio próprio e tudo isso tem um preço. 
Qual será a vantagem? Você será o único dono do seu blog. 
<ul>
<li><a href="http://blosque.com/quem-controla-seu-blog/">Quem Controla Seu Blog?</a> (Blosque) </li>
</ul>
Existem milhares de serviços de hospedagem espalhados pela internet, muitos deles de qualidade questionável. Vou recomendar três deles, com conhecimento de causa. 
Para quem não quer ou não pode gastar e acha que conseguirá fazer tudo sozinho, indico o <a href="http://www.uolhost.com.br/">Uol Host.</a> Trata-se de uma empresa nacional, com suporte em português e que está atuante no Twitter. 
Pra quem pode gastar um pouco mais, vale a pena contratar os serviços de 2 blogueiros super gente boa, que estão há um bom tempo no mercado, entendem profundamente do assunto e, agora vem a melhor parte, que oferecem um suporte diferenciado, de blogueiro pra blogueiro. São eles o Daniel Becher (<a href="http://twitter.com/becher">@becher</a>), da <a href="http://www.viahospedagem.net/clientes/aff.php?aff=016">Via Hospedagem</a> e seu sócio Jânio Sarmento(<a href="http://twitter.com/janiosarmento">@janiosarmento</a>), da <a href="http://portofacil.net/">Porto Fácil</a>. 
A Via Hospedagem trabalha com blogs de pequeno a médio porte e a Porto Fácil com blogs maiores, que necessitam de servidores dedicados. 
Eu sou cliente da Via há mais de 1 ano, já que é lá que hospedo os templates gratuitos e garanto que o atendimento, como eles mesmo dizem, é VIP. 
<ul>
<li><a href="http://blosque.com/hospedagem-blog/">É Hora de Contratar Uma Hospedagem Para o Seu Blog?</a> (Blosque) </li>
<li><a href="http://blog.bytequeeugosto.com.br/como-e-onde-hospedar-seu-blogsite/">Como e onde hospedar seu blog/site</a> (Byte que eu gosto) </li>
</ul>
Para a  compra do domínio, recomendo o Uol Host e a Via Hospedagem. 
Existem também blogueiros que prestam serviços para usuários do WP, fazendo a migração, instalação de tema e plugins e as diversas configurações necessárias para o bom funcionamento do blog. Recomendo a mestra <a href="http://blosque.com/">Nospheratt</a> e o Luan. 
Vamos agora fazer um resumo de tudo isso: 
O que é preciso para migrar do Blogger para o WP? 
<ol>
<li>compra de domínio próprio </li>
<li>contratação de serviço de hospedagem </li>
<li>conhecimentos sobre a plataforma </li>
</ol>
Quais as vantagens de fazer a migração? 
<ol>
<li>ser dono do seu próprio blog </li>
<li>ter onde hospedar qualquer tipo de arquivo </li>
<li>poder usar plugins que facilitam a instalação de recursos avançados </li>
<li>sistema de comentários muito mais eficiente </li>
</ol>
Quais as desvantagens de fazer a migração? 
<ol>
<li>custo, que pode variar de R$ 10,00 até R$ 100,00/mês </li>
<li>ter que aprender a usar uma nova plataforma </li>
<li>nem sempre o servidor aguenta picos de acesso, deixando o blog fora do ar </li>
</ol>
Qual serviço de hospedagem devo contratar? 
<ol>
<li><a href="http://www.uolhost.com.br/">Uol Host:</a> indicado para quem vai fazer tudo sozinho e tem pouca grana para investir. Planos a partir de R$12,90/mês. Empresa nacional, com suporte via email, chat, telefone e Twitter. </li>
<li><a href="http://www.viahospedagem.net/planos/">Via Hospedagem</a>: indicado para quem precisa de um suporte personalizado e pode gastar um pouco mais. Planos a partir de R$ 25,00/mês. Suporte via email, chat, telefone e Twitter. </li>
<li><a href="http://portofacil.net/produtos/">Porto Fácil</a>: indicado para quem precisa de atendimento VIP e servidores poderosos. Planos a partir de R$ 62,00/mês. Suporte via email, chat, telefone e Twitter. </li>
</ol>
Quais as vantagens de permanecer no Blogger? 
<ol>
<li>Custo zero </li>
<li>servidores poderosos </li>
<li>interface intuitiva </li>
<li>dicas e templates disponíveis em diversos metablogs </li>
<li>a adrenalina rs </li>
<li>O Dicas Blogger :P </li>
</ol>
Quais as desvantagens de permanecer no Blogger? 
<ol>
<li>seu blog pode ser excluído pelo Google/Blogger </li>
<li>não ter onde hospedar arquivos </li>
<li>a instalação de recursos é sempre mais trabalhosa </li>
<li>sistema de comentários deficiente </li>
</ol>
Well, queridos leitores, sei que é uma decisão difícil. O que posso dizer é que se vocês vêem seus blogs como um negócio, o WordPress é o caminho. 
Quanto a mim, vou continuar saltando de Bungee Jumping <img alt="Smiley de boca aberta" class="wlEmoticon wlEmoticon-openmouthedsmile" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhFQCFl3Z8CLCkr6uxv4ODnwCtUrupIlH6o44iuYZQWXX7zr_qBCDtsl2Ptd5MOYOTp30wKpOeygoqTYH-gLrm1sQN2VBeK1K_zZIyUGe67Qj9coKwUKAXpmcHwDk2qb6D_Kg_nllOEOHs-/?imgmax=800" style="border-bottom-style: none; border-left-style: none; border-right-style: none; border-top-style: none;" />

Dicas para migrar do Blogger ao WordPress

Devido ao recente bug que removeu acidentalmente diversos blogs do Blogger, recebi vários comentários e emails de leitores que, indignados,...

Continue Lendo >>

20:20

Como restaurar um blog a partir do backup

<img align="right" alt="hard_drive_backups_2" border="0" height="128" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiB3QI69dpLqQiRYpv1r2OEGyvsckBdWSW4Dw_fUQQcoyPmQUkmacYPW7Xqu7iqPTHDRH4ZYRpq_h5Gg1Lo_BJC2SK69n7i5BUZKTzN2NVsiAmdQv0Nq78SC2ALZqncP9HAURnWJmJZ8nXH/?imgmax=800" style="background-image: none; border-bottom-width: 0px; border-left-width: 0px; border-right-width: 0px; border-top-width: 0px; display: inline; float: right; padding-left: 0px; padding-right: 0px; padding-top: 0px;" title="" width="128" />Antes de mais nada, gostaria de dizer que sou solidária com todos os usuários que tiveram seus blogs apagados recentemente. Até o momento, não obtive nenhuma resposta sobre a causa de tão grave incidente e estou tão preocupada quanto vocês. 
No dia 10, já prevendo que o bug teria grandes proporções, fiz um post - <a href="http://www.dicasblogger.com.br/2010/12/provavel-bug-levou-exclusao-de-varios.html">Provável bug levou à exclusão de vários blogs</a> - recomendando que todos fizessem backup dos posts, do template e dos gadgets a fim de restaurar o blog em caso de exclusão. 
Acredito que todos os blogs que desapareceram serão restaurados em breve, pois não me recordo de nenhum bug que não tenha sido devidamente corrigido pela Equipe do Blogger. Mesmo assim, vou explicar como restaurar um blog a partir do backup. 
Para blogs não não possuem domínio próprio, ou seja, que usam a extensão blogspot.com, será preciso criar um novo endereço, diferente do que foi apagado. Já para blogs com domínio próprio, também não será possível usar o mesmo endereço blogspot.com, mas será possível usar o domínio, o que faz com que o blog afetado não perca seus rankings e sua indexação no Google. Vejam os exemplos: 
<blockquote>
 <a href="http://dicasblogger.blogspot.com/">http://dicasblogger.blogspot.com</a> (endereço padrão do Blogger) 
 <a href="http://www.dicasblogger.com.br/">www.dicasblogger.com.br</a> (domínio próprio)</blockquote>
1- como restaurar os posts e os comentários a partir do backup 
Crie em novo blog da mesma forma que você criou seus demais blogs. 
<img alt="criar-blog-blogger" border="0" height="195" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhKX7kjOLR-5BCh6rCS2syWCvI_uQbI-RH7A76PWpwBhIB65xx9o0w7ksPmgBuFnjYyuRKabalbFQ-bZgFoCmhCJo-gc7bxlorqV_uI7Dk_d_vObE9t5cQhff6DUyFQPNB76F5fnxIfsCN1/?imgmax=800" style="background-image: none; border-bottom-width: 0px; border-left-width: 0px; border-right-width: 0px; border-top-width: 0px; display: block; float: none; margin: 0px auto; padding-left: 0px; padding-right: 0px; padding-top: 0px;" title="criar-blog-blogger" width="452" /> 
Clique em configurações e na aba básico, clique no link importar blog 
<img alt="importar-blog-blogger" border="0" height="205" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhGeLKIu8ke_zlMvJ_NF4vBAMRNFyq60fCgc9medQorz5U2pYNPR3rSSsfxWqNeDXL1qzgj8p5Ak4OJz2otGYeoHDxlvag5hyLkPhZaC2XfNqa_Uah1cNreKVID2QB4Zck_W1_Z-dzMpaE6/?imgmax=800" style="background-image: none; border-bottom-width: 0px; border-left-width: 0px; border-right-width: 0px; border-top-width: 0px; display: block; float: none; margin: 0px auto; padding-left: 0px; padding-right: 0px; padding-top: 0px;" title="importar-blog-blogger" width="452" /> 
Clique em selecionar arquivo e procure o backup dos posts  em seu computador 
<img alt="selecionar-arquivo" border="0" height="235" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiYEWSRuUWplDVzfUCtc7gJVQebuLXNjkG1hv49f3ogv6HnOZ7e63or8AhR4EoncEQM9xRsWZlRQo7XoldkurMjV_btGx7b-qaNq4eGhPpMnkD3be1LeIIeAFQcuy8cnN5VdH20jyUQi84E/?imgmax=800" style="background-image: none; border-bottom-width: 0px; border-left-width: 0px; border-right-width: 0px; border-top-width: 0px; display: block; float: none; margin: 0px auto; padding-left: 0px; padding-right: 0px; padding-top: 0px;" title="selecionar-arquivo" width="435" /> 
Digite os caracteres, marque a caixa de publicação e clique em importar blog. 
<img alt="image" border="0" height="177" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi7wJVeIJ89tKd1h-cxEYWfvzbi9Z0Yiklu2saDAJwXFV1f1nZWOlI934ui8QyjqmHH_MG9uZ8HHxUidjumi-0phyphenhyphenDkUU5GeEW3YglHuq2-8aFWtHI63KHw5Z4cdd67pTvAC6DzhReXTadf/?imgmax=800" style="background-image: none; border-bottom-width: 0px; border-left-width: 0px; border-right-width: 0px; border-top-width: 0px; display: block; float: none; margin: 0px auto; padding-left: 0px; padding-right: 0px; padding-top: 0px;" title="importação" width="415" /> 
Aguarde, porque dependendo da quantidade de posts, vai demorar um pouco. 
2 - como restaurar o template e os gadgets a partir do backup 
Para restaurar o template, faça da mesma forma que você fazia para trocá-lo. Para os usuários do designer do modelo, recomendo a leitura destes posts: 
<ul>
<li><a href="http://www.dicasblogger.com.br/2009/01/como-trocar-o-template-do-blogger.html">Como trocar o template do Blogger</a> </li>
<li><a href="http://www.dicasblogger.com.br/2010/09/mudar-template-blogger-blogspot.html">Como mudar o template do Blogger</a> </li>
</ul>
Basicamente será este caminho: design>editar HTML>selecionar arquivo>fazer upload. 
Para restaurar os gadgets que você salvou no bloco de notas, copie cada código e cole nos elementos de página. (adicionar gadget>HTML/javascript) 
3 – como restaurar o domínio próprio 
Configue o domínio no novo blog da mesma forma que foi feito no anterior. Não será necessário fazer nenhuma configuração no painel do servidor, apenas no painel do Blogger. Nos posts abaixo existem mais detalhes e imagens: 
<ul>
<li><a href="http://www.dicasblogger.com.br/2008/12/como-configurar-dominio-no-blogger.html">Como configurar um domínio próprio no Blogger</a> </li>
<li><a href="http://www.dicasblogger.com.br/2010/03/dominio-personalizado-com-ou-sem-www.html">Domínio personalizado com ou sem www</a> </li>
</ul>
Como vocês puderam notar, é super vantajoso ter um domínio próprio, já que no caso de uma exclusão acidental ( ou não), o blog será 100% restaurado, não perdendo absolutamente nada do que tinha antes. Leiam alguns posts à respeito: 
<ul>
<li><a href="http://blosque.com/dominio-proprio/">7 Razões Para Usar Domínio Próprio – Hoje Mesmo!</a> (Blosque) </li>
<li><a href="http://blosque.com/links-uteis-dominio-proprio/">10 Links Úteis Sobre Domínio Próprio</a> (Blosque) </li>
<li><a href="http://www.dicasblogger.com.br/2009/11/mudar-dominio-do-blogger.html">Como mudar o domínio no Blogger</a> (Dicas Blogger) </li>
<li><a href="http://www.dicasblogger.com.br/2009/10/ter-ou-nao-ter-um-dominio-proprio.html">Ter ou não ter um domínio, eis a questão</a> (Dicas Blogger) </li>
</ul>
Uma Dica Especial – se você for paranóico(a) como eu, crie um clone do seu blog (template+gadgets+posts+comentários) em uma conta diferente da que você usa para blogar e configue-o para não ser publicado na web. Pra fazer isso vá em configurações>permissões e marque “permitir somente autores do blog”. Se acontecer alguma tragédia com seu blog, a única coisa que precisará ser feita é o redirecionamento do domínio próprio e mais nada ;) 
Caso você esteja uma fera com o Blogger e está pensando em migrar pro Wordpress, aguarde meu próximo post, onde darei algumas dicas sobre hospedagem.

Como restaurar um blog a partir do backup

Antes de mais nada, gostaria de dizer que sou solidária com todos os usuários que tiveram seus blogs apagados recentemente. Até o momento, n...

Continue Lendo >>

17:51

Aumente o número de fãs no Facebook

<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhSh0uKErLsmqG3_uW0UXRIiFMZnkIQ_e-ifRMK6IY6uIH03veYZvMbeBtbE4zdY7oxW7IZAkXb74-CuB-H6S6l3O8-av5XfetyCJN97u-3jMU4e1MAOgY8snA81Z4Vo0QBK0knaXfj9pg/s1600-h/fb%5B3%5D.jpg"><img align="left" alt="Facebook" border="0" height="120" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi-649dFhamzIWolTdAqKou8Hcr4Zl2QMA0KcrmvqVS_EwN8FmgVKocP27J4oN29y9vDQlgyGgSaDFxPly5_dVHzPJd4Q4QJ47_ORCHQPMsNSMPBKRmcPO2shl4OnLeMuYfyxE1QRaTbqU/?imgmax=800" style="display: inline; margin-left: 0px; margin-right: 0px;" title="Facebook" width="120" /></a> Já ensinamos como criar uma página de fãs no Facebook, um recurso fundamental para a divulgação de quase todos os tipos de blog. Também já falamos em como inserir o feed do blog no mural do Facebook, que é uma das maneiras mais utilizadas para gerar conteúdo na página de fãs. A maior parte dos blogs fica por aí, mas com apenas mais um pouco de trabalho é possível conseguir muitos visitantes e fãs para a página. 
 
Conteúdo exclusivo para fãs 
Apenas a publicação do feed, na maior parte das vezes, acaba gerando muitos Like/Gosto e comentários. Mas outro recurso muito interessante é a publicação de conteúdo exclusivo para fãs, onde quem não é fã não tem acesso. Um exemplo disto pode ser um blog que se dedica à fotografia e publica numa aba da página de fãs do Facebook fotos que só possam ser acessadas por quem clicou em Like/Gosto. 
 
Outro exemplo prático é a <a href="http://www.facebook.com/blogdodentista" target="_blank">página de fãs do Blog do Dentista</a>, que disponibiliza Ebooks de desenhos para download apenas para fãs da página: 
 
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiRj4o-EKordGkNPLXH0_IhvXBlJ0SpP4ywYYs623zFME9hQzsKIylCtYlBAKISwQQu6mSOAvRFEGiMVbNyUEheH75CqQi3K7J7D3hnd4ccHgw77EjKgHPl6BbgRFAx8FEy003cDDTjrm0/s1600-h/facebook%201%5B5%5D.png"><img alt="facebook" border="0" height="178" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiBj8n2CB-zZvCdGVVVqpi4hd9LyT0_C76c5Tfkfzxuam73n0gLOfSKvyv1c9wEBs2r07qI9fOISKvwEMjmC1oJV5qNe50VR0sCL2ARoYzG8zErL2qRhF35fCpdzb5Id1REbhtgod90YpE/?imgmax=800" style="border-width: 0px; display: block; float: none; margin-left: auto; margin-right: auto;" title="facebook" width="452" /></a> 
Ao clicar em Gosto, a imagem acima desaparece e o conteúdo exclusivo para fãs é exibido. As possibilidades são infinitas, cada blog deve encontrar algo relacionado e conteúdo exclusivo para cativar os visitantes do blog e da página no Facebook a se tornarem fãs. 
 
Código para que só  fãs no Facebook tenham acesso ao conteúdo: 
O Facebook disponibiliza alguns códigos que podem ser utilizados através da aplicação FBML, como já foi explicado aqui: <a href="http://www.dicasblogger.com.br/2010/09/como-criar-uma-pagina-de-fas-no.html" target="_blank">Como criar página no Facebook</a>. Basta instalar o aplicativo FBML, clicar em ir para o aplicativo e colocar o código abaixo: 
<blockquote>
<fb:visible-to-connection> 
<fb:else> coloque aqui o conteúdo que será visto por visitantes que não são fãs <fb:else> 
</fb:visible-to-connection> 
<fb:visible-to-connection> 
coloque aqui o conteúdo exclusivo para fãs 
</fb:visible-to-connection> </blockquote>
O que está em azul deve ser substituído pelo conteúdo que você deseja publicar apenas para visitantes (normalmente uma imagem convidando a ser fã) e o conteúdo em verde substituir pelo conteúdo exclusivo para fãs (imagens, vídeos, etc). 
 
Nota: quando este código é implementado, o administrador da página de fãs vê os dois conteúdos. Para testar se o código ficou correto, entre na sua página sem estar logado no Facebook.

Aumente o número de fãs no Facebook

Já ensinamos como criar uma página de fãs no Facebook , um recurso fundamental para a divulgação de quase todos os tipos de blog. Também já...

Continue Lendo >>

09:11

Provável bug levou à exclusão de vários blogs

<img align="left" alt="ctrl-alt-del-pillows" border="0" height="87" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEigu6Xgg5Uc19nkik_j1botgO9tf03Djf0Encra4Ic_nQjRudRvGc2D3aGXunjlaXRIeQgLQWJPXRPv2Ve-dscedlEq8LoJhzUG-YPBe5qqpRDIz8Ra_OIAElmssO5CrM5V7Bg7aJDAMeYe/?imgmax=800" style="background-image: none; border-bottom-width: 0px; border-left-width: 0px; border-right-width: 0px; border-top-width: 0px; display: inline; float: left; margin: 0px 8px 0px 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" title="ctrl-alt-del-pillows" width="118" />Ainda não sabemos o que está acontecendo, mas através dos tópicos abertos do <a href="http://www.blogger.com/www.google.pl/support/forum/p/blogger?hl=pt-BR">fórum do Blogger</a> notamos que inúmeros blogs do Blogger foram excluídos de quarta-feira para cá. São tantos tópicos que nem estamos conseguindo responder a todos. 
Só nos resta aguardar um pronunciamento ofical e, claro, a recuperação de todos esses blogs. Á medida que as informações forem chegando, irei atualizando este post. 
Por precaução, façam backup dos posts, do template e dos gadgets: 
<ul>
<li><a href="http://www.dicasblogger.com.br/2009/08/como-fazer-backup-no-blogger.html">Como fazer backup dos posts no Blogger</a> </li>
<li><a href="http://www.dicasblogger.com.br/2008/05/backup-template-widgets-blogger.html">Backup do template e dos widgets</a> </li>
</ul>
<img alt="blogger" border="0" height="237" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiMhypDon1oSQuhFWPYkN1qamu8KNlbw8JJJnitvxuta432pIcz5lePYrHflMpcHjRgH-qJiBwBSCaPvq8wbX_Rys5CxDoWpx-vzJNA7L4mj6WrH9bW2Ii0z5cIO-ltqZjeIYTcShL07Tuy/?imgmax=800" style="background-image: none; border-bottom-width: 0px; border-left-width: 0px; border-right-width: 0px; border-top-width: 0px; display: block; float: none; margin: 0px auto; padding-left: 0px; padding-right: 0px; padding-top: 0px;" title="Fórum do Blogger" width="452" /> 
<div align="center">
Tópicos de hoje cedo</div>
Repito: no momento não há nada que possamos fazer, a não ser esperar <img alt="Smiley triste" class="wlEmoticon wlEmoticon-sadsmile" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgRYNc8LGFyoA0dbxzKpjEInt3FbhTHXd4HFxShtvet5vYGeXx2jz_IACjfzMfhRVdBsU1PYidX-s1XFFEOCOSZqXIBOidNdnh2N1jErNf6dxnXysH1aDfgMCRpFex2OICS1IK1wNVGIMTh/?imgmax=800" style="border-bottom-style: none; border-left-style: none; border-right-style: none; border-top-style: none;" /> 
ATUALIZAÇÃO EM 15/12:  Ao que consta, diversos blogs excluídos acidentalmente, foram restaurados; entretanto , alguns leitores ainda reportam que tiveram blogs apagados entre ontem e hoje. Até o momento, não temos nenhuma resposta oficial. 
14:56 – o Teilor acaba de me avisar que saiu um comunicado oficial no blog <a href="http://knownissues.blogspot.com/2010/12/weve-identified-bug-this-morning-which.html" target="_blank">Known Issues for Blogger</a>. Blogs que possuem domínio próprio, deverão fazer uma reconfiguração na aba publicação para voltarem ao ar e os demais já estão voltando. 
<blockquote>
Update, 12/13: We've resolved the underlying issue and the affected blogs have been restored to your dashboard. If you were publishing on a custom domain, you'll have to re-enter your domain information from the Settings | Publishing tab. Please note that after you save your custom domain publishing settings, it may take up to one hour for the blog to re-appear on the domain. (original) 
Atualização, 12/13: Já resolvemos o problema subjacente e os blogs afetados foram restaurados ao seu painel. Se você estava publicando o blog em um domínio personalizado, você terá que digitar novamente as informações do seu domínio na aba Configurações | Publicação. Por favor, saiba que após salvar suas configurações de domínio personalizado, o blog pode demorar até uma hora para voltar a aparecer no seu domínio personalizado. (tradução da <a href="http://blosque.com/" target="_blank">Nospheratt</a>)</blockquote>

Provável bug levou à exclusão de vários blogs

Ainda não sabemos o que está acontecendo, mas através dos tópicos abertos do fórum do Blogger notamos que inúmeros blogs do Blogger foram e...

Continue Lendo >>

07:03

Meu blog sumiu! O que eu faço?

<img align="left" alt="susto" border="0" height="171" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhmWXRy84TcHaaH1GAj4vTFGf3UYZZ3nbm-kw5gYN03RWYWmrsEMkbeXcT-kGAuW8H1p48Ye-KSvmt5CZ6glLzHE9R7K1u72lIoF4jfv39CMoTNB2CY9JiI9aBwuC_4TeiivUALoiWwmb0L/?imgmax=800" style="background-image: none; border-bottom-width: 0px; border-left-width: 0px; border-right-width: 0px; border-top-width: 0px; display: inline; float: left; margin: 0px 6px 0px 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" title="" width="139" />Seu blog do blogspot foi deletado / apagado, sumiu da sua conta do Blogger e/ou desapareceu da web? Então, sente-se e chore. Passou? Agora, acalme-se. Apesar de assustador, nem sempre isso significa uma tragédia e nem o fim de sua carreira de problogger :D Brincadeiras a parte, existem várias razões para um blog do Blogger ser excluído, sendo que a mais comum delas é ele ser considerado como um “blog spam”. 
Em março deste ano, o Teilor escreveu um post mostrando os motivos pelos quais o Google exclui blogs que não estão de acordo com a <a href="http://www.blogger.com/content.g">Política de Conteúdo</a> do Blogger: 
<ul>
<li><a href="http://www.dicasblogger.com.br/2010/03/o-google-pode-deletar-meu-blog.html">O Google pode deletar meu blog do Blogger/Blogspot?</a> (leitura obrigatória) </li>
</ul>
Quando um blog viola as regras, ele passa a ser considerado um blog spam e é automaticamente apagado. Isso é bom, pois reduz drasticamente o número de blogs de pirataria, pornografia infantil, spammers e plagiadores. 
O problema é que robôs erram e blogs que seguem as regras também podem ser deletados. A diferença é que, no primeiro caso, se confirmada a violação dos termos de serviço, não adianta chorar, pois seu blog já era! Já no segundo caso, quando ocorrem erros de rastreamento, existe a possibilidade de recuperação do blog. 
Recentemente, a querida Ariane teve o seu <a href="http://templatesparanovoblogger.blogspot.com/">TNB</a> deletado por um erro. Apesar do transtorno, o blog foi recuperado em pouco tempo e retornou intacto. 
O que fazer quando um blog é excluído  e considerado como spam? 
A primeira coisa a ser feita é ler atentamente os Termos de Serviço e a Política de Conteúdo e verificar se você não desrespeitou nenhuma regra: 
<ul>
<li><a href="http://www.blogger.com/terms.g">Termos de Serviço do Blogger</a> </li>
<li><a href="http://www.blogger.com/content.g">Política de Conteúdo do Blogger</a> </li>
</ul>
Se estiver tudo de acordo, siga estas instruções da Camila, guia do <a href="http://www.google.pl/support/forum/p/blogger?hl=pt-BR">fórum do Blogger</a>: 
<blockquote>
Para solicitar uma reavaliação do seu blog, vá até o painel do seu blogger, clique em "Restaurar", logo abaixo do nome do seu blog, e siga os procedimentos solicitados. Desta forma o seu caso será analisado. 
Fonte: Fórum do Blogger - <a href="http://www.google.com/support/forum/p/blogger/thread?tid=015dfa9b9d92335d&hl=pt-BR">O meu blog foi "identificado" como spam</a></blockquote>
Caso não apareça o link “restaurar” em sua conta e você tem certeza absoluta de que houve um erro de rastreamento, entre em contato conosco através do fórum, para que possamos encaminhar seu caso para análise. 
Já vou avisando que blogs de download não possuem a mínima chance de restauração, bem como qualquer outro que infrinja a política de conteúdo do Blogger. 
Se você se assustou e gostaria de ter mais controle sobre o seu amado bloguinho, leia este post da mestra Nospheratt: <a href="http://blosque.com/quem-controla-seu-blog/">Quem Controla Seu Blog?</a>. 
Nunca é demais lembrar: FAÇAM BACKUPS PERIÓDICOS dos posts e do template 
<ul>
<li><a href="http://www.dicasblogger.com.br/2009/08/como-fazer-backup-no-blogger.html">Como fazer backup dos posts no Blogger</a></li>
<li><a href="http://www.dicasblogger.com.br/2008/05/backup-template-widgets-blogger.html">Backup do template e dos widgets</a></li>
</ul>

Meu blog sumiu! O que eu faço?

Seu blog do blogspot foi deletado / apagado, sumiu da sua conta do Blogger e/ou desapareceu da web? Então, sente-se e chore. Passou? Agora, ...

Continue Lendo >>

14:27

Blogs com endereços estranhos (axzz)

<img align="left" alt="malware" border="0" height="92" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgglXNRafzIU51PzVcgm5w3W0qiR8pI63f8MyC6Tl7whsBMO9aRA1AzlMWHu6Jyyc7TM1GDzylpTC0-H9FSAVPeosiHt6GtZr6j93aT4VWZM1MyQCOgZ4dZvymW3CVJWRuYS6mRslUktsWa/?imgmax=800" style="background-image: none; border-bottom-width: 0px; border-left-width: 0px; border-right-width: 0px; border-top-width: 0px; display: inline; float: left; padding-left: 0px; padding-right: 0px; padding-top: 0px;" title="" width="118" />Hoje a Ana Corina, cliente do <a href="http://www.projetos.dicasblogger.com.br/" target="_blank">DB-Produtos e Serviços</a>, me mandou um email comentando que as URLs do seu blog estavam com uma extensão um tanto quanto estranha, terminando sempre em html#axzz + letras e números. 
A priori, pedi que á Ana que reportasse o problema ao <a href="http://www.google.com/support/forum/p/blogger?hl=pt-BR" target="_blank">fórum oficial do Blogger</a>. Depois eu me lembrei que a Luma, do blog <a href="http://luzdeluma.blogspot.com/" target="_blank">Luz de Luma</a>, havia passado pelo mesmo problema. Entrei em contato pelo Twitter e ela me passou a solução. 
Vejam como apareciam as URLs do blog <a href="http://www.maedecachorro.com.br/">Mãe de Cachorro</a>: 
<blockquote>
http://www.maedecachorro.com.br/#axzz173AVuXfu 
http://www.maedecachorro.com.br/2010/12/vai-um-caldinho-ai-jantar-beneficente.html#axzz17Q6gD8ON 
http://www.maedecachorro.com.br/2010/12/vai-um-caldinho-ai-jantar-beneficente.html#axzz17Q6kUUyo</blockquote>
O grande vilão era um código em javascript, de um site anti-plágio, o <a href="http://www.tynt.com/" title="http://www.tynt.com/">tynt.com</a>. 
Se algum de vocês estiverem com o mesmo problema nas URLs de seus blogs, basta encontrar o script dentro do HTML do template e apagá-lo. 
Infelizmente não tenho como colocar uma imagem aqui, pois primeiro eu apaguei o código e só depois tive a ideia de fazer o post #epicfail. No blog Mãe de cachorro, ele se encontrava  acima da tag <head>, bem no começo do HTML. 
Minha sugestão é que vocês entrem no HTML do template (design>editar HTML), usem o comando Crtl+F do teclado e procurem por tynt.com. 
O código não aparece do nada no blog. São os próprios administradores (donos) que inserem. Se você não usou o tynt, nem precisa se preocupar.

Blogs com endereços estranhos (axzz)

Hoje a Ana Corina, cliente do DB-Produtos e Serviços , me mandou um email comentando que as URLs do seu blog estavam com uma extensão um tan...

Continue Lendo >>

13:40

Personalizando o gadget Postagens Populares

<img align="left" alt="" border="0" height="119" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiraSCm0LmYF3QL7-AyjxSZNC67A66yZLqn0lQ4b_3Y7Yj7-PE_Q8q1gii0_TK-_qquqtWUFyDHmwhmIvm7GqZaIJupZovSMfw3oAOqHB7sSWItI_unMWWguOP56aYpfibGOkKIHcptEJn2/?imgmax=800" style="background-image: none; border-bottom-width: 0px; border-left-width: 0px; border-right-width: 0px; border-top-width: 0px; display: inline; float: left; margin: 0px 7px 0px 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" title="" width="107" />Um dos vários recursos recém lançados pelo Blogger, foi o gadget Postagens Populares, que exibe os posts mais acessados, baseando-se no serviço de estatísticas nativo. 
No post <a href="http://www.dicasblogger.com.br/2010/08/gadget-postagens-populares.html">Novo gadget – Postagens populares,</a> ensinei como colocar o gadget na barra lateral (sidebar) do blog. 
O problema é que em alguns templates – e os nosso estão incluídos – o gadget aparece desconfigurado. Vejam um exemplo na imagem abaixo: 
<img alt="postagens-populares" border="0" height="236" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhM8fOYpLy2xyHiWF8PA7CVPJSqdJmF2SEdMxpj5xMCAH5PCefibpe5qQMUxS53ddBG36_qR0b-kutUcFFywntb1Fw2LC7xt3i8JRWonmAc8DF4aWKmG1bwPCGvJzvNGnaegLlck9lmGzRY/?imgmax=800" style="background-image: none; border-bottom-width: 0px; border-left-width: 0px; border-right-width: 0px; border-top-width: 0px; display: block; float: none; margin: 0px auto; padding-left: 0px; padding-right: 0px; padding-top: 0px;" title="" width="452" /> 
Perceberam que as setinhas aparecem em cima do texto? Para consertar isso, segui este tutorial do Mundo Blogger -  <a href="http://www.mundoblogger.com.br/2010/10/instalar-e-personalizar-o-gadget-de.html">Instalar e personalizar o Gadget de Postagens Mais Populares do Blogger</a> e fiz as alterações necessárias para o meu template. 
Acredito que o código deve variar de template para template, mas vamos lá. 
Entrem em design>editar HTML. Antes de ]]></b:skin>, colem o código abaixo: 
<blockquote>
#PopularPosts1 li{ padding-left: 15px; padding-top: 3px; }</blockquote>
A parte padding-left, se refere à distância que deve existir entre a imagem e o texto. Já padding-top, se refere à altura da imagem. Façam os ajustes nesses dois elementos e vá visualizando até ficar do modo correto e daí salve o template. 
<img alt="" border="0" height="229" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhL-ZrrflYUTy-6QuLGDEJyd7S0GOR0KTK3CuGYIsWHrEhZTWuxChBgYIEJVIAykcazid31_Io1kZu5TjjjXAKwp4TJGcrqT_vpT-X0W3X5IIRMGNS_aEvlEarZ-mhH2E_Ow0a40QV17tHs/?imgmax=800" style="background-image: none; border-bottom-width: 0px; border-left-width: 0px; border-right-width: 0px; border-top-width: 0px; display: block; float: none; margin: 0px auto; padding-left: 0px; padding-right: 0px; padding-top: 0px;" title="" width="452" /> 
Além de acertar  a distância entre o texto e a imagem,  podemos aplicar estilos, usando  CSS. Para exemplificar, colocarei borda e plano de fundo no gadget: 
<blockquote>
#PopularPosts1 li{ padding-left: 15px; padding-top: 3px; } #PopularPosts1 .widget-content{ border: 1px solid #ccc; background: #efefef; }</blockquote>
<img alt="" border="0" height="226" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj2UUbe648dqwKOro2-hOTzQP6NGlL-IFeNGVPdoaw9kGuSeNryxZfISJCpSis-YQgnYShud3YtxmPeQIs0ZY3Bv2KRSwehj1ZL7mJlC4UNDoqxw3YxvQyeEJNX98vU4geqTwNJ0J8D-aHy/?imgmax=800" style="background-image: none; border-bottom-width: 0px; border-left-width: 0px; border-right-width: 0px; border-top-width: 0px; display: block; float: none; margin: 0px auto; padding-left: 0px; padding-right: 0px; padding-top: 0px;" title="" width="452" /> 
Para mudar a cor do resumo dos posts, acrescente este trecho: 
<blockquote>
.item-content{ color: #1d85dd; }</blockquote>
<img alt="" border="0" height="227" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjRd7haDEGllGmiIrLoLMK5BrXtyCm8hyphenhyphenVS6PQBa_2aolHEMbq0ll9pXe0eMI0CAdhSfGrxvZefpC65OR2xCOHp0psu4sC-kavmE1g405pLrDtsBnhBLAtc6YntdeOAz8Tr8d0MiLtWfndS/?imgmax=800" style="background-image: none; border-bottom-width: 0px; border-left-width: 0px; border-right-width: 0px; border-top-width: 0px; display: block; float: none; margin: 0px auto; padding-left: 0px; padding-right: 0px; padding-top: 0px;" title="" width="452" /> 
Mude as cores a seu gosto. Se não sabe os códigos , acesse uma <a href="http://www.mxstudio.com.br/Conteudos/Dreamweaver/Cores.htm">tabela de cores</a> 
O CSS final seria este, com as devidas modificações de acordo com cada template: 
<blockquote>
#PopularPosts1 li{ /*Estilo para acertar a imagem*/ padding-left: 15px; padding-top: 3px; } #PopularPosts1 .widget-content{ /*Estilo para o conteúdo*/ border: 1px solid #ccc; background: #efefef; } .item-content{ /*Estilo para o resumo dos posts*/ color: #1d85dd; }</blockquote>
ATUALIZAÇÃO: Para retirar o ícone que vem antes do texto, substitua: 
<blockquote>
#PopularPosts1 li{ /*Estilo para acertar a imagem*/ padding-left: 15px; padding-top: 3px; } </blockquote>
por este outro código: 
<blockquote>
#PopularPosts1 li{ /*Estilo para retirar o ícone*/ background-image:none; }</blockquote>
Este post foi criado à pedido de querida leitora <a href="http://amorepazsemfronteiras.blogspot.com/">Lucy – Amor e Paz Sem Fronteiras</a> 
Créditos de parte do código CSS ao <a href="http://www.mundoblogger.com.br/2010/10/instalar-e-personalizar-o-gadget-de.html">Mundo Blogger</a>, um dos meus blogs favoritos <img alt="Smiley piscando" class="wlEmoticon wlEmoticon-winkingsmile" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi76R-Sd7CV0d2B3_ZpfHSdWK5TG76kw6DLQkj-2B4GJZ67TWivVQbqxPzjkqO-wEbbmh1Pewd51bV6LZ8pV0tj9sEthkJoqlTBCWHxavBY_9YKaI5fEzVfD4ehinK_C8k0ec1hnPwk5Fxf/?imgmax=800" style="border-bottom-style: none; border-left-style: none; border-right-style: none; border-top-style: none;" />

Personalizando o gadget Postagens Populares

Um dos vários recursos recém lançados pelo Blogger, foi o gadget Postagens Populares , que exibe os posts mais acessados, baseando-se no ser...

Continue Lendo >>

11:12

Menu Horizontal no Designer do Modelo

<img align="left" alt="kmenuedit" border="0" height="128" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiN8YXkvI7lQxKnbwzbi7jHJZ1iPRFEPd46V6BxppAJKA3DUJwe7a0xFBRXK0ODhGI9ZYWjJXApxN342aHhBeJb29idkuTpdSF3Jkpj__GgkGKCEGtQvTcxfSVeVf6Aaagvkt8H7IIrPWFA/?imgmax=800" style="background-image: none; border-bottom-width: 0px; border-left-width: 0px; border-right-width: 0px; border-top-width: 0px; display: inline; float: left; margin: 3px 13px 0px 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" title="" width="128" />O menu horizontal ou linkbar, é aquela barra que aparece, geralmente, embaixo do cabeçalho do blog, onde colocamos links para destacar posts e páginas importantes.  
Os modelos mais antigos do Blogger (tipo o Mínima), não vinham com esse recurso; então, nós usuários é que tínhamos que implementá-lo em nossos blogs, através de HTML e CSS, como é o caso dos <a href="http://www.templates.dicasblogger.com.br/">templates do Dicas Blogger</a>. 
Relembrando, atualmente contamos com três opções de templates para Blogger/Blogspot. Vejam detalhes em <a href="http://www.dicasblogger.com.br/2010/09/opcoes-de-templates-para-blogger.html">Opções de templates para Blogger</a> 
Se você usa um modelo customizado que possui linkbar, já deve saber como  colocar os links em destaque, certo? Se não sabe, acesse: <a href="http://www.dicasblogger.com.br/2009/01/como-inserir-links-na-linkbar.html">Como inserir links na linkbar</a> 
No Designer do Modelo, o menu horizontal ou linkbar, recebeu o nome de guia. Para quem está começando a usar o Blogger agora, pode ser um pouco complicado  colocar os links nessas guias. Existem 2 formas pra fazer isso: 
<ol>
<li>através do gadget páginas </li>
<li>através do gadget lista de links </li>
</ol>
O gadget páginas exibe o título de cada página criada no blog, em diversas áreas do template e ainda permite que o usuário escolha quais os links que serão exibidos. 
Inserindo links através do gadget páginas 
Antes de mais nada, é preciso criar as páginas que vão compor a guia: 
<ul>
<li><a href="http://www.dicasblogger.com.br/2010/01/paginas-estaticas-no-bloggerblogspot.html">Páginas estáticas no Blogger/Blogspot</a> </li>
</ul>
Entre em design>elementos de página. No  espaço que fica logo embaixo do título do blog, clique em adicionar gadget e escolha o gadget páginas. 
<img alt="gadget-paginas" border="0" height="223" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiq2dAa98LsGOTwOw32Oe7o9yd8QNfO7yC97enrGN0EQsJK31aBN5DHpg8GmxTTI0Ctj8DSAWoVHChO-iUfn9Regl1UuaB6f2z6rDjOAz5dnACd7g6pPIX8tUoV2NtplOIriq3-oSgYa8sd/?imgmax=800" style="background-image: none; border-bottom-width: 0px; border-left-width: 0px; border-right-width: 0px; border-top-width: 0px; display: block; float: none; margin: 0px auto; padding-left: 0px; padding-right: 0px; padding-top: 0px;" title="adicionar gadget" width="452" /> 
Marque as páginas que deverão aparecer na guia horizontal e clique em salvar. 
<img alt="configurar páginas" border="0" height="229" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhzh_V2Qa0Pls-VfRTalegYepN-hBL2c0Bylzw6EPceIP9IEhUu_NlBr1vQxTVfNrAMb92KXpBoDIWQJqXZsr2hZvayTg5kxzz-jx1yZRXni4MO3SohzVL4rzTjM5pqoqN90ng0Med0zBp_/?imgmax=800" style="background-image: none; border-bottom-width: 0px; border-left-width: 0px; border-right-width: 0px; border-top-width: 0px; display: block; float: none; margin: 0px auto; padding-left: 0px; padding-right: 0px; padding-top: 0px;" title="configurar páginas" width="452" /> 
<img alt="image" border="0" height="233" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiL67_DiBjZ-RCOIetTNvNJSn3tX6e_rIUYRr5jIZ-kZCmUYHiEB1-JchbRFGw46a6nPtWJN7AIwbgJQm3nKa2V1a-qPY1Yw9fxyCVAzO0rI-pz1DO2Lo74H-DPcupxMOjW-yLAWxmD7IJP/?imgmax=800" style="background-image: none; border-bottom-width: 0px; border-left-width: 0px; border-right-width: 0px; border-top-width: 0px; display: block; float: none; margin: 0px auto; padding-left: 0px; padding-right: 0px; padding-top: 0px;" title="resultado" width="450" /> 
Inserindo links através do gadget lista de links 
Siga o mesmo procedimento anterior, mas escolha o gadget lista de links. 
Coloque a URL no local indicado, dê um nome e clique em adicionar link. 
Repita esse passo para cada novo link que você quiser adicionar na guia, movimente-os de acordo com a sequência que deseja exibi-los e salve. 
<table border="0" cellpadding="2" cellspacing="4" style="width: 550px;"><tbody>
<tr> <td valign="top" width="275"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjd-VpRpc7krVictAPg48eFIvdUf-dnyWUlt1oUDzRv2lF6XsKQVGTvv4-8gjt_ixH37XQV6zUvBy8LFvbSyzZLM9M4_Ri4o6UXVLsnosycwrfxpkq4iPNHxgN2DOQ0VW2Grq9gxreCmlNN/s1600-h/image%5B49%5D.png"><img alt="image" border="0" height="147" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjF8UIM-RDDAjol_UzyQLpmNbiH3rcBxZ8bsrSoOr6RhJkxiNOl9Vzh-VN3-aWrG38XLYICJ8B7Fo1lGVR-XiNfDSNgwFr5voiNBgAr6tMzuJe8HGQ1-GogU2G6CMEzG8SmBvHW2WBUGeE5/?imgmax=800" style="background-image: none; border-bottom-width: 0px; border-left-width: 0px; border-right-width: 0px; border-top-width: 0px; display: inline; padding-left: 0px; padding-right: 0px; padding-top: 0px;" title="Inserindo os links" width="261" /></a></td> <td valign="top" width="275"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgF3yH41I9LUZZKt-I2os33udpWW-ldC_U9PrXSVHTytPeoWwpm074oFHoy6cUg9ET_SuI7BJXogAIzin-ad9z43STGaoBDbVHXVN5eJCqeTQOtae8OkO3dVzSuv6s3fus96ZdH4mt4FVmZ/s1600-h/blogger%5B6%5D.jpg"><img alt="blogger" border="0" height="145" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgXusBKyQe2-dhSCxzZrvQALl_17o_t27KD4BsUpiD88Zx1SY7Xd-2TkCXbmJaxa3ldQeq6rQMZIZKm-ZqNY8nTI2Q73zNK_EcY8we9aDoeLLPwbsMVDl7C8DmS4O_oJV7mnW-ck7SyA7Ur/?imgmax=800" style="background-image: none; border-bottom-width: 0px; border-left-width: 0px; border-right-width: 0px; border-top-width: 0px; display: block; float: none; margin: 0px auto; padding-left: 0px; padding-right: 0px; padding-top: 0px;" title="configurando os links" width="236" /></a></td> </tr>
</tbody></table>
<img alt="image" border="0" height="211" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjKsO07eLAV-XPnzryIL4ihbklecTwlnyoYvHYc-vrpxzRvdTyYy6CuMdpuKc5mQAjpYWeRmQ4VBdTVm35hYQ0rFv2bskK1atUAP4wBI1a70zwjGc-JG5i37xUjzt9NiVtFh_mwFQ_7Ut7w/?imgmax=800" style="background-image: none; border-bottom-width: 0px; border-left-width: 0px; border-right-width: 0px; border-top-width: 0px; display: block; float: none; margin: 0px auto; padding-left: 0px; padding-right: 0px; padding-top: 0px;" title="resultado" width="450" /> Apesar da praticidade do gadget páginas, eu prefiro usar a lista de links, pois com ela eu posso colocar, além das páginas, links de posts e até links de outros sites.

Menu Horizontal no Designer do Modelo

O menu horizontal ou linkbar, é aquela barra que aparece, geralmente, embaixo do cabeçalho do blog, onde colocamos links para destacar posts...

Continue Lendo >>

10:16