Dicas Blogger

Home » All

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