Dicas Blogger

Home » Archives for 2010

Formulário de contato para Blogger

<img align="left" alt="box_2" border="0" height="100" src="http://lh6.ggpht.com/_EttevOw0KeE/TRtPjhOMNRI/AAAAAAAALjc/ZWyAhnbT8W0/box_215.png?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="http://lh6.ggpht.com/_EttevOw0KeE/TRtN97wz3VI/AAAAAAAALjA/OGewgX2UmN8/image%5B13%5D.png?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="http://lh5.ggpht.com/_EttevOw0KeE/TRtN_TyQ_1I/AAAAAAAALjE/DbiGAKAeQWo/image%5B55%5D.png?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="http://lh3.ggpht.com/_EttevOw0KeE/TRtOA_LwZsI/AAAAAAAALjI/GT-sOUG4C6k/image%5B54%5D.png?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="http://lh6.ggpht.com/_EttevOw0KeE/TRtOCmhgGSI/AAAAAAAALjM/IiZMFREx-18/image%5B37%5D.png?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="http://lh5.ggpht.com/_EttevOw0KeE/TRtOFj3nlJI/AAAAAAAALjQ/a5tNBkWwzdE/image%5B45%5D.png?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="http://lh6.ggpht.com/_EttevOw0KeE/TRtOHXq58WI/AAAAAAAALjU/zllEX_ACPDM/image%5B65%5D.png?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="http://lh5.ggpht.com/_EttevOw0KeE/TRtOKNo9ZFI/AAAAAAAALjY/SNhYIDjcKsM/image%5B80%5D.png?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="http://lh5.ggpht.com/_EttevOw0KeE/TROme1GGLxI/AAAAAAAALhk/8nPu__L55_c/tweetdeck-logo%5B6%5D.png?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="http://lh5.ggpht.com/_EttevOw0KeE/TROmgYy4N0I/AAAAAAAALho/EcWvIUh_bEM/image%5B20%5D.png?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="http://lh5.ggpht.com/_EttevOw0KeE/TROmhXSApwI/AAAAAAAALh4/AyD7YxH9NfE/image%5B52%5D.png?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="http://lh4.ggpht.com/_EttevOw0KeE/TROmiwXx-4I/AAAAAAAALhw/MQ5YH5_aOvg/image%5B37%5D.png?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="http://lh5.ggpht.com/_EttevOw0KeE/TROmjs7H5CI/AAAAAAAALiM/2RBddsQY01U/image%5B67%5D.png?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="http://lh3.ggpht.com/_EttevOw0KeE/TROowWA-III/AAAAAAAALiI/eqjVxLHbIng/image%5B66%5D.png?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="http://lh5.ggpht.com/_EttevOw0KeE/TLPRpLuZyVI/AAAAAAAAKto/SYZwm9E9Kqs/twitter_exc2%5B5%5D.png?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="http://lh4.ggpht.com/_EttevOw0KeE/TQ_rfWAzxgI/AAAAAAAALhQ/vbiBsmPV8sk/image%5B15%5D.png?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="http://lh6.ggpht.com/_EttevOw0KeE/TQ_rgM-qhpI/AAAAAAAALhU/ftLeaD9Rw7w/image%5B41%5D.png?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="http://lh4.ggpht.com/_EttevOw0KeE/TQ_rhAzEhRI/AAAAAAAALhY/cTI2YhGZBwk/image%5B42%5D.png?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="http://lh3.ggpht.com/_EttevOw0KeE/TQ_rhyzUrMI/AAAAAAAALhc/v0vxV9XUO2Y/tempo%5B5%5D.jpg?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="http://lh5.ggpht.com/_EttevOw0KeE/TQuhMMi9TrI/AAAAAAAALgs/TN-6g2p2Llw/iphone%5B14%5D.png?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="http://lh3.ggpht.com/_EttevOw0KeE/TQucHgjdNzI/AAAAAAAALg4/4PX29JAODi0/image%5B24%5D.png?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="http://lh6.ggpht.com/_EttevOw0KeE/TQucUtLUvYI/AAAAAAAALgw/eZPk30n0paE/image%5B19%5D.png?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="http://lh6.ggpht.com/_EttevOw0KeE/TQugTwFLiuI/AAAAAAAALgg/ZNVOTEn-odc/foto%201%5B10%5D.png?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="http://lh6.ggpht.com/_EttevOw0KeE/TQugVKcKN4I/AAAAAAAALgo/UoSqnIOXki8/foto%202%5B6%5D.png?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="http://lh4.ggpht.com/_EttevOw0KeE/TQgMiHELYCI/AAAAAAAALfA/ICXDVKZpuS8/youtube%5B6%5D.png?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="http://lh3.ggpht.com/_EttevOw0KeE/TQgMjaoxcdI/AAAAAAAALfE/2-gEaCj6f7U/inserir-video-blogger%5B3%5D.png?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="http://lh3.ggpht.com/_EttevOw0KeE/TQgMkf2JEjI/AAAAAAAALfI/PEhYhTal_ns/youtube-blogger%5B3%5D.png?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="http://lh6.ggpht.com/_EttevOw0KeE/TQgMlSxMrNI/AAAAAAAALfM/yyjeRBB3MnY/youtube-blogger%5B7%5D.png?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="http://lh5.ggpht.com/_EttevOw0KeE/TQgMnCCIqrI/AAAAAAAALfQ/C0OFGUxGj9c/share-blogger-youtube%5B7%5D.png?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="http://lh4.ggpht.com/_EttevOw0KeE/TQaDEr-LkgI/AAAAAAAALew/2I4tx9eMZS8/wordpress-logo%5B7%5D.png?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="http://lh4.ggpht.com/_EttevOw0KeE/TQacMnZjUSI/AAAAAAAALe4/cgmCwzbXLss/wlEmoticon-openmouthedsmile%5B2%5D.png?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="http://lh5.ggpht.com/_EttevOw0KeE/TQZ9FIoWu3I/AAAAAAAALes/je9tUKkXMHA/hard_drive_backups_2%5B5%5D.png?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="http://lh6.ggpht.com/_EttevOw0KeE/TQZ5Kzfw_cI/AAAAAAAALec/k-zHykbFk3E/criar-blog-blogger%5B2%5D.png?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="http://lh5.ggpht.com/_EttevOw0KeE/TQZ5L5abdWI/AAAAAAAALeg/fqfrvwDgYaI/importar-blog-blogger%5B2%5D.png?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="http://lh3.ggpht.com/_EttevOw0KeE/TQZ5M20dAcI/AAAAAAAALek/wo2EmPcsJdA/selecionar-arquivo%5B2%5D.png?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="http://lh3.ggpht.com/_EttevOw0KeE/TQZ5Nm3O98I/AAAAAAAALeo/mgwWTbiAG9s/image%5B8%5D.png?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="http://lh3.ggpht.com/_c1Bv1rmLa6M/TQRXX2xT56I/AAAAAAAAHLI/GCdIxUCQHv8/s1600-h/fb%5B3%5D.jpg"><img align="left" alt="Facebook" border="0" height="120" src="http://lh6.ggpht.com/_c1Bv1rmLa6M/TQRXYcRw0PI/AAAAAAAAHLM/u-LHH9y7eKc/fb_thumb%5B1%5D.jpg?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="http://lh4.ggpht.com/_c1Bv1rmLa6M/TQRXZFuT3KI/AAAAAAAAHLQ/PZN_Vy1F3oY/s1600-h/facebook%201%5B5%5D.png"><img alt="facebook" border="0" height="178" src="http://lh6.ggpht.com/_c1Bv1rmLa6M/TQRXZkxnX-I/AAAAAAAAHLU/X8pa3HxjgPM/facebook%201_thumb%5B3%5D.png?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="http://lh4.ggpht.com/_EttevOw0KeE/TQHs9agNISI/AAAAAAAALeU/IiwjNsIK2bY/ctrl-alt-del-pillows%5B11%5D.jpg?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="http://lh3.ggpht.com/_EttevOw0KeE/TQHs-YrwufI/AAAAAAAALeM/gv-hcXWI6dM/image%5B8%5D.png?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="http://lh6.ggpht.com/_EttevOw0KeE/TQHs_EOsbEI/AAAAAAAALeQ/BkXnAPaeAmc/wlEmoticon-sadsmile%5B2%5D.png?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="http://lh3.ggpht.com/_EttevOw0KeE/TQEBfMUxmeI/AAAAAAAALeA/50cQIv-8U6Q/image%5B8%5D.png?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="http://lh4.ggpht.com/_EttevOw0KeE/TP5XLsIfiNI/AAAAAAAALdg/Dsfw13-3sPE/malware%5B3%5D.png?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

Slideshow personalizado para blogs

Eu já ensinei diversas formas de colocar apresentação de slides no Blogger, tanto em posts, quanto em gadgets, bem como usando o Flickr e o Picasa Web 
<ul>
<li><a href="http://www.dicasblogger.com.br/2010/02/colocar-slides-blog-blogger-blogspot.html">Como colocar slides em blogs do Blogger/Blogspot</a> (Picasa)  <img align="right" alt="kpresenter" border="0" height="128" src="http://lh3.ggpht.com/_EttevOw0KeE/TPWhI6jiLlI/AAAAAAAALdA/kBc_sfenRLM/kpresenter%5B5%5D.png?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" /> </li>
<li><a href="http://www.dicasblogger.com.br/2010/10/slide-show-no-blogger.html">Slideshow no Blogger</a> (Gadget) </li>
<li><a href="http://www.dicasblogger.com.br/2010/03/apresentacao-de-slides-nos-posts.html">Apresentação de slides dentro do post</a> (Flickr) </li>
<li><a href="http://www.dicasblogger.com.br/2010/11/slideshow-em-cima-dos-posts.html">Slideshow em cima dos posts do Blogger</a> (Gadget) </li>
</ul>
Todas as formas acima são bacanas, mas nenhuma delas nos permite uma personalização mais detalhada. 
Ontem passei horas procurando uma forma de colocar uma apresentação de slides, na qual eu pudesse escolher fontes, cores, planos de fundo, tipo de transição e etc, como fazemos no Power Point, por exemplo. 
Entre idas e vindas, acabei descobrindo o site <a href="http://www.kizoa.com/">Kizoa</a>,  que oferece um serviço gratuito para armazenamento e edição de imagens,bem como um prático gerador de slideshow. 
<a href="http://www.kizoa.com/"><img alt="kizoa-slideshow-maker" border="0" height="216" src="http://lh4.ggpht.com/_EttevOw0KeE/TPWhKGR6BwI/AAAAAAAALdE/rpY_WeIvCLw/image%5B21%5D.png?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="Kizoa" width="538" /></a> 
Para criar a apresentação de imagens, é preciso criar uma conta (é rapidinho). Depois, você deve clicar em launch kizoa, para começar a diversão. 
<img alt="kizoa-slideshow-maker" border="0" height="271" src="http://lh4.ggpht.com/_EttevOw0KeE/TPWhLSvpSfI/AAAAAAAALdI/WetRN_I21_k/image%5B20%5D.png?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" width="452" /> 
Para subir suas imagens, clique em upload. Para começar a criar o slideshow,clique em slideshow maker. Arraste as imagens que farão parte da apresentação, para o local indicado na imagem abaixo (drag your photo here): 
<img alt="slideshow" border="0" height="269" src="http://lh6.ggpht.com/_EttevOw0KeE/TPWhM2qNmXI/AAAAAAAALdM/S8tqgJ5-Q5M/kizoa%5B5%5D.png?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="Criando o slideshow" width="452" /> 
Acima das fotos tem um menu com as transições, efeitos especiais, texto, animações e até música. Brinque à vontade. Depois que o slideshow estiver ponto, clique em save. Dê um título a sua obra de arte e clique em save novamente. 
Para gerenciar os slideshows, acesse my slideshows. Clique em add to my blog para colocar o slideshow em seu blog. Também é possível enviar por email, ao Facebook, Twitter ou então gravar em CD/DVD, editar novamente ou apagar. 
<img alt="slideshow-maker" border="0" height="273" src="http://lh3.ggpht.com/_EttevOw0KeE/TPWhOF7JPyI/AAAAAAAALdQ/riHz7IfCiBM/slideshow-maker%5B5%5D.png?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="Gerenciador" width="452" /> 
Ao clicar em add to my blog, abrirá uma nova janela. Escolha o tamanho da apresentação – que não deve ultrapasar a largura do local onde você irá inseri-la em seu blog – e copie o código HTML, conforme indicado abaixo: 
<img alt="apresentacao-slides-blogger" border="0" height="262" src="http://lh5.ggpht.com/_EttevOw0KeE/TPWhPBrrwFI/AAAAAAAALdU/GOkfDy1Q6YE/configura%C3%A7%C3%A3o%5B5%5D.png?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 HTML" width="452" /> 
Para colocar a apresentação em um gadget, escolha o tipo HTML/Javascript. 
Para colocar dentro de um post, clique na aba editar HTML do editor de postagens e cole o código do slideshow. Visualize e clique em publicar. 
Vejam como ficou o meu portifólio de templates, usando o slideshow maker: 
 
<center> <div>
<object height="360" width="480"><param name="movie" value="http://pf.kizoa.com/sflite.swf?did=1285066&k=7416019">
</param>
<param name="wmode" value="transparent">
</param>
<param name="allowFullScreen" value="true">
</param>
<embed src="http://pf.kizoa.com/sflite.swf?did=1285066&k=7416019" type="application/x-shockwave-flash" wmode="transparent" width="480" height="360" allowFullScreen="true"></embed></object> 
<a href="http://www.kizoa.com/slideshow/d1285066k7416019o2/portifolio">Portifolio</a> - <a href="http://www.kizoa.com/">Free Slideshow Maker</a></div>
</center> 
Aproveito para informar que o template DB 4.0 está disponível no pacote <a href="http://www.projetos.dicasblogger.com.br/2010/09/blog-facil.html" target="_blank">Blog Fácil</a>.

Slideshow personalizado para blogs

Eu já ensinei diversas formas de colocar apresentação de slides no Blogger, tanto em posts, quanto em gadgets, bem como usando o Flickr e o ...

Continue Lendo >>

23:11

Estilos para o gadget Postagens Populares

Resolvi brincar um pouco mais com o CSS e acabei decobrindo outros estilos que podem ser aplicados ao gadget Postagens Populares, criando assim uma continuação do  post <a href="http://www.dicasblogger.com.br/2010/11/gadget-postagens-populares.html">Personalizando o gadget Postagens Populares</a>. 
<img align="right" alt="ktip" border="0" height="103" src="http://lh3.ggpht.com/_EttevOw0KeE/TPKw-bKDIhI/AAAAAAAALbs/iuiM9OybM4w/ktip%5B30%5D.png?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="ktip" width="103" />Pelo que pude notar, as miniaturas de imagens só funcionam em posts que começam com uma imagem. Se a imagem estiver no meio do post, por exemplo, sua miniatura não vai aparecer no gadget. Como eu quase não usava imagens no topo dos meus posts, precisei pegar o <a href="http://dicasparacarros.blogspot.com/">blog do meu irmão</a> “emprestado”, para realizar os testes. 
Sabendo que a maioria  não tem intimidade com CSS, criei alguns estilos pra vocês usarem em seus blogs. Não se esqueçam que é preciso modificar as cores, a fim de que o gadget fique em harmonia com o template que vocês usam. 
Estilo 1 – conteúdo com fundo transparente e sem borda 
Neste modelo, usei um fundo transparente (para combinar com qualquer template), coloquei borda nas miniaturas e personalizei a cor do título e do resumo das postagens. 
<img alt="popular-posts" border="0" height="231" src="http://lh3.ggpht.com/_EttevOw0KeE/TPKqcvNiJpI/AAAAAAAALaw/OOspzsPIUnY/image%5B26%5D.png?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="Fundo transparente" width="470" /> 
<blockquote>
#PopularPosts1 .widget-content{  /*estilo para o conteúdo*/ padding: 3px; } 
#PopularPosts1 a {  /*cor do título*/ color: #ff0000; } 
#PopularPosts1 a:visited {  /*cor do título visitado*/ color: #ff0000; } 
#PopularPosts1 a:hover { /*cor do título ao passar o mouse*/ color: #333; text-decoration: underline; } 
#PopularPosts1 img{  /*borda e espaçamento da miniatura*/ border: 1px dotted #ccc; padding: 5px; margin: 2px 3px -7px; } .item-content{ /*estilo para o resumo dos posts*/ color: #333; font-size: 90%; padding-right: 5px; } 
.item-title { /*estilo da fonte do título*/ font-weight: bold; font-size: 15px; } </blockquote>
Estilo 2– conteúdo com fundo transparente e com borda 
Neste outro modelo, mantive o estilo anterior, mas acrescentei uma borda ao gadget. 
<img alt="image" border="0" height="243" src="http://lh5.ggpht.com/_EttevOw0KeE/TPKqevrs6xI/AAAAAAAALa0/Jb0cDk0-tEw/image%5B43%5D.png?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="Fundo transparente e borda" width="470" /> 
<blockquote>
#PopularPosts1 .widget-content{  /*Estilo para o conteúdo*/ padding: 3px; border: 1px solid #ccc; } 
#PopularPosts1 a {   /*cor do título*/ color: #ff0000; } 
#PopularPosts1 a:visited {  /*cor do título visitado*/ color: #ff0000; } 
#PopularPosts1 a:hover { /*cor do título ao passar o mouse*/ color: #333; text-decoration: underline; } 
#PopularPosts1 img{  /*borda e espaçamento da miniatura*/ border: 1px dotted #ccc; padding: 5px; margin: 2px 3px -7px; } .item-content{ /*estilo para o resumo dos posts*/ color: #333; font-size: 90%; padding-right: 5px; } 
.item-title { /*estilo a fonte do título*/ font-weight: bold; font-size: 15px; }</blockquote>
Estilo 3 – conteúdo com fundo preto e borda cinza 
No estilo 3, coloquei cor no plano de fundo e mudei a cor do resumo dos posts. 
<img alt="posts" border="0" height="220" src="http://lh6.ggpht.com/_EttevOw0KeE/TPKqf0_E4vI/AAAAAAAALa4/ByIQs6vVNhY/image%5B52%5D.png?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="fundo preto" width="452" /> 
<blockquote>
#PopularPosts1 .widget-content{  /*Estilo para o conteúdo*/ padding: 3px; border: 1px solid #ccc; background: #333; } 
#PopularPosts1 a {   /*cor do título*/ color: #ff0000; } 
#PopularPosts1 a:visited {  /*cor do título visitado*/ color: #ff0000; } 
#PopularPosts1 a:hover { /*cor do título ao passar o mouse*/ color: #333; text-decoration: underline; } 
#PopularPosts1 img{  /*borda e espaçamento da miniatura*/ border: 1px dotted #ccc; padding: 5px; margin: 2px 3px -7px; } .item-content{ /*estilo para o resumo dos posts*/ color: #fff; font-size: 90%; padding-right: 5px; } 
.item-title { /*estilo a fonte do título*/ font-weight: bold; font-size: 15px; }</blockquote>
Para adequar ao template de vocês, mudem as cores em color e background. Talvez seja necessário mexer nas margens (margin) e preenchimentos (padding). 
Em alguns templates, existem pequenos ícones (bolinhas, setas e etc), que antecedem o texto do gadget. Para retirar o ícone, acrescente este código: 
<blockquote>
#PopularPosts1 li{ /*Estilo para retirar o ícone*/ background-image:none; }</blockquote>
Para manter o ícone e acertar o espaçamento com o texto, acrescente: 
<blockquote>
#PopularPosts1 li{ padding-left: 15px; padding-top: 3px; } </blockquote>
Mais completo que isto, impossível, né? Usem a criatividade e boa diversão o/

Estilos para o gadget Postagens Populares

Resolvi brincar um pouco mais com o CSS e acabei decobrindo outros estilos que podem ser aplicados ao gadget Postagens Populares , criando a...

Continue Lendo >>

17:34