quinta-feira, 29 de abril de 2010

Como migrar para Wordpress facilmente

Você deseja criar um blog no Wordpress, mas não quer enfrentar códigos, plugins, registro de domínio, contratação de hospedagem e etc? O Luan Felipe (@luanfr) tem a solução!
Assim como o Sérgio Estrella fez para o Blogger (Icebreaker Design), o Luan criou uma tabela de preços com serviços que vão desde a migração do Blogger para o Wordpress até instalação de templates, registro de domínio,ajustes para SEO e muito mais.


Acesse a tabela completa de  serviços do Luan em http://www.sempreceito.com/servicos

terça-feira, 27 de abril de 2010

Migrando do Blogger para Wordpress - vídeo

O Gabriel, do blog Tambotraising, resolveu migrar seu blog do Blogger para o Wordpress e fez dois vídeos  para os leitores do Dicas Blogger, contando como foi a sua experiência.
Agradeço ao Gabriel por esta iniciativa, que irá auxiliar os leitores interessados na plataforma Wordpress. Quero lembrar ainda que o DB é um blog democrático e que apesar do nome, toda e qualquer contribuição para o mundo dos bloggers será sempre bem-vinda ;)


 
Gabriel (@tambotraising) é editor do blog Tambotraising onde escreve sobre tecnologia.

Erros BX na moderação de comentarios do Blogger

Diversos usuários do Blogger, estão reportando erros Bx após tentativa de aprovar comentários moderados em seus blogs. Eu mesma venho enfrentando tal problema  e quando acontece, tenho avisado no Twitter pra que ninguém pense que estamos censurando os comentários, já que mesmo os aprovados demoram ou nem aparecem nos posts.
Pelo que pude notar no fórum do Blogger, esta falha se intensificou durante a madrugada de hoje. Acredito que esteja tudo relacionado às instabilidades que tomaram conta do sistema de comentários do Blogger desde novembro do ano passado.

Sendo assim, não há muito que ser feito, além de aguardar pacientemente e tentar aprovar os comentários em outro momento. Uma dica do @Teilor, é limpar o cachê do navegador antes de tentar moderar os comentários novamente.
Espero que as previsões do Cidão ( @crazyseawolf ) estejam corretas e que estas instabilidades sejam decorrentes de mudanças significativas no sistema de comentários.
ATENÇÃO -  Nem todos os comentários que estamos aprovando, estão aparecendo em seus respectivos posts. Pedimos paciência e compreensão. Equipe Dicas Blogger
ATUALIZAÇÃO A Marta Surfer, funcionária do Google, informou no fórum do Blogger que o problema já foi resolvido. Vejam o post da Marta neste link.

domingo, 25 de abril de 2010

Descrição do blog para os mecanismos de busca

Esta dica é do Sérgio Estrella, do blog Icebreaker, e eu já até indiquei neste post Como atrair visitantes para seu blog – final, mas mesmo assim ainda me perguntam como eu fiz para colocar uma descrição no Dicas Blogger, que apareça nos resultados das pesquisas feitas através dos mecanismos de busca (Google, Bing, Yahoo e etc).
Veja, na imagem abaixo, o resultado da pesquisa por “dicas blogger” no Google. Logo abaixo do título do blog, aparece uma breve descrição. Já aqueles links que aparecem embaixo do endereço, são fornecidos pelo Google e não há como “colocar” no seu blog.

metatags
Para colocar a descrição, é preciso alterar as meta-tags do Blogger no html do template.
Entre em layout e clique em editar html. Procure por (Crtl+F do teclado):
<b:include data='blog' name='all-head-content'/>
Cole este código LOGO APÓS:
<b:if cond='data:blog.homepageUrl == data:blog.url'>
<meta content='Descrição' name='description'/>
<meta content='Palavras-chave' name='keywords'/>
</b:if>
O código final será:
<b:include data='blog' name='all-head-content'/>
<b:if cond='data:blog.homepageUrl == data:blog.url'>
<meta content='Descrição' name='description'/>
<meta content='Palavras-chave' name='keywords'/>
</b:if>
Em descrição escreva algo sobre o seu blog e em palavras-chave, coloque até 10 palavras que tenham relação com o tema do seu blog. Visualize e salve.
Demora algumas horas para que a mudança apareça nos mecanimos de busca.
Fonte: Icebreaker – Otimizando as meta tags no Blogger

sábado, 24 de abril de 2010

Botões para compartilhar posts nas redes sociais

Vocês já devem ter visto em outros blogs, botões para compartilhar posts nas principais redes sociais. Isso é muito legal, pois possibilita que os leitores divulguem nossos artigos em outros locais, tais como Twitter, Facebook, Orkut, Google Buzz e etc.
Existem vários modelos, mas eu escolhi três deles para mostrar para vocês.
Add This – é super completo, pois além de enviar os posts para as prinicipais redes sociais, o Add This ainda permite a impressão da página e o envio por email.

widget addthis
Basta escolher um dos modelos disponíveis para o Blogger e depois clicar em get your button para obter o código (veja na imagem abaixo). Não precisa de cadastro.
ShareThis - é repleto de recursos e tem vários modelos de botões, mas necessita de cadastro para obter o código.
Share ThisSoboo - também é muito bacana, já que possibilita o envio dos posts aos principais agregadores de links do Brasil, tais como o Ueba, DiHitt, Ocioso, Colmeia e etc.

Em todos os três serviços, vocês encontrarão as instruções para colocar o botão no Blogger. No caso de AddThis, que é o que escolhi para o Dicas Blogger, eu optei por inserir o botão no rodapé dos posts. Para fazer o mesmo, copie o código abaixo. No local onde está escrito CÓDIGO DO ADD THIS, cole o código fornecido pelo site.
<b:if cond='data:blog.pageType == &quot;item&quot;'>
CÓDIGO DO ADD THIS
</b:if>
Entre no html do template, clique em expandir modelos de widget e procure  por
<p class='post-footer-line post-footer-line-3'/>
Cole o código anterior, logo abaixo dessa linha, conforme nos mostra a figura abaixo:
Lembrem-se que os códigos variam muito de template para template. O método que citei, funciona nos Templates do Dicas Blogger, mas pode não funcionar em outros modelos.

quinta-feira, 22 de abril de 2010

E o seu blog, está seguro?

Ontem, após ensinar a migrar do Blogger para o Wordpress, a Juliana percebeu algo que eu não havia percebido. Autores, sem quaisquer permissões de administrador, podem fazer a migração de plataforma sem qualquer problema. Isso é um grave erro, resta saber de quem.
Eu acho que é do Blogger, que não separou as devidas permissões quando se utiliza a ferramenta de importação do Wordpress. Ou talvez a culpa seja do próprio Wordpress, que “descobriu” tal erro e resolveu aproveitar da fragilidade da ferramenta.

image
Como todos sabem eu sou um autor do Dicas Blogger, e para tal só tenho privilégios de autor. Não posso fazer backups, configurações e muito menos excluir o blog. Entretanto, ao solicitar a importação de blogs do Blogger pelo Wordpress, surgiu a possibilidade de migração de todos os dados (de postagens à comentários) do Dicas Blogger para o Wordpress, por mim, um mero autor. Repito, sem permissões de administrador.
Nota da Juliana: Pedi então ao Luan que fizesse a migração do meu outro e falecido blog, o Dicas de Informática, sendo apenas um autor do blog. Vejam o resultado:
 Iniciando a migração do Blogger para o Wordpress
Fazendo o login na página do Google
Migração do blog Dicas de Informática
Fiquei com receio de publicar este post, por causa das pessoas mal intencionadas, mas por outro lado eu precisava alertá-los dos riscos de ter diversos autores no blog.
Partimos do pressuposto que todos os autores são nossos amigos e pessoas de confiança, correto? Nem sempre. Já perdi a conta das vezes que vi lá no fórum do Blogger usuários chorando pela perda de seus blogs por terem concedido até privilégios de administrador a ilustres desconhecidos e cheguei a postar um dos casos aqui:
Ok, este não é o meu caso e nem o seu, mas vamos supor que um dos nossos amigos/colaboradores, tenha a conta roubada. O ladrão terá condições de migrar o blog todinho para o Wordpress mesmo não tendo privilégios de administrador. Entenderam o perigo??? Por precaução, retirei todos os autores do DB até encontrar uma solução.
Para entender melhor a diferença entre autor e administrador, acesse:
A intenção deste post é deixá-los atentos e avisados dos riscos de abrir espaço para autores que não sejam de sua inteira confiança, bem como lembrar que mesmo o autor sendo de confiança, existe o risco de roubo de conta. Segundo informações do Luan, quem não é nem autor e nem administrador não tem como fazer a migração. Ufa! Menos mal.
Luan Felipe é autor do blog Sem Preceito e responsável pela nossa coluna sobre Wordpress.

quarta-feira, 21 de abril de 2010

Suas fotos estão seguras na internet?

Ontem dois casos me chamaram a atenção no fórum do Blogger. Irei apenas citá-los, sem colocar os links, para respeitar a privacidade dos envolvidos. E um deles, o usuário solicitava a retirada de suas fotos que estavam em um blog com conteúdo pornográfico. Ele relatou que essas fotos foram copiadas do seu Orkut. Nas imagens, o rapaz aparecia de sunga na praia, o que é relativamente comum de se ver no Orkut, correto? Pois bem, tais imagens foram mesmo copiadas por um blog com conteúdo voltado ao público gay. 

No outro caso, denunciaram um blog onde só existiam fotos de garotos bem novinhos, trajando apenas sunga ou cueca. Óbvio que se tratava de material destinado à pedofilia. Ao ver tais imagens, o que me causou certo mal estar, conclui que eram fotos que provavelmente vinham de própria web, em especial do Orkut.
Nos dois casos, encontramos usuários desprevenidos que colocaram fotos suas ou até mesmo de seus filhos na internet e tiveram as mesmas veiculadas em blogs de conteúdo adulto (caso 1) e de conteúdo proibido (caso 2). Agora imagine você, querido leitor, em situações semelhantes? Sentiu um friozinho na barriga, né?
O Orkut é um serviço muito bacana, principalmente para quem têm parentes e amigos distantes. Através do álbum de fotos dá para rever pessoas queridas, conhecer quem está chegando agora ao mundo e etc. Mas é imprescindível escolhermos quem terá acesso aos nossos álbuns, evitando assim situações constrangedoras como as que eu citei acima.

Entre seu álbum do Orkut e clique em editar. Na próxima janela, procure por quem pode ver as fotos> só alguns amigos. Escolha os amigos e clique no botão concluído.
álbum do Orkut
Desta forma, apenas as pessoas de nossa total confiança, terão acesso às fotografias.
Encontrei um vídeo, onde o próprio criador do Orkut - Orkut Büyükkokten - dá diversas dicas sobre segurança e privacidade - Dicas de Privacidade do orkut
Faça o mesmo no Flickr, no Picasa e nos demais serviços de imagens que você utilizar.
Eu sempre tive receio de colocar fotos minhas na internet, o que piorou com o crescimento deste blog e é por isso que só uso avatares. O seguro morreu de velho ;)
Uma certa vez, pegaram uma foto de uma conhecida minha no Orkut, fizeram uma montagem e distribuiram aos coleguinhs da escola #ficadica

domingo, 18 de abril de 2010

Como migrar do Blogger para Wordpress

A migração de algo é um processo interessante, ao mesmo tempo complicado e animador. Não vou mentir dizendo que será fácil, rápido e que não poderá acontecer complicações, pois tudo é possível e problemas podem aparecer. Entretanto o que diferencia é a forma com que lidamos com esses problemas. Já falei do melhor do Wordpress, já comparei o Wordpress com o Blogger, agora está na hora de você decidir: migrar ou não?

Os passos são idênticos nas duas plataformas (Wordpress.org e Wordpress.com), então preste bastante atenção para não cometer erros graves. Preparado (a)?
Acesse o painel de controle do seu blog do Wordpress, vá até a aba “Ferramentas” > “Importar”. Escolha a opção “Blogger”.
Importar Blogger para Wordpress.org
Preste atenção no que será importado:
  • Todas as suas postagens, com seus devidos conteúdos (textos e links, as imagens não mudarão de endereço).
  • Todas as suas categorias.
  • Todos os seus comentários.
Após clicar em “Blogger”, leia a próxima página e clique em “Autorização”. Leia a próxima mensagem e clique em “Conceder Acesso”. Uma lista com seus blogs aparecerá (com informações de quantidade de postagens e comentários – assim você poderá ter uma idéia do tempo que irá demorar), escolha aquele blog que você quer migrar e no lado direito haverá um botão mágico escrito “Importar”, clique nele.
importar-dicas-blogger-wordpress-org
Aguarde a importação completar, primeiro serão importados as postagens e as categorias, por último os comentários. Após isso você já poderá mexer em seu novo blog com todas as suas postagens, categorias e comentários. Após completar, você poderá definir o autor das postagens, clique em “Definir Autor”, se houver mais de um escolha-o na lista e clique em “Salvar Alterações”.
alterar-autores-wordpress
Importação completa e com sucesso!*
As informações adquiridas na autenticação ficarão lá até você se desfazer delas, para isso clique no botão “Limpar as informações da conta”, na página “Importar”.
* Poderá haver casos em que a autenticação irá falhar, já passei por isso quando migrei o site [In]CommunSéries. Aí terá que encontrar outra solução, como migrar para o Wordpress.com e depois para o Wordpress.org. Mas esse problema tem grandes chances de não acontecer.
Postagens interessantes:
Luan Felipe é autor do blog Sem Preceito e responsável pela nossa coluna sobre Wordpress.

sábado, 17 de abril de 2010

Elimine tweets e RTs indesejáveis da sua timeline

Você bloqueou algumas pessoas no Twitter ou parou de segui-las, mas mesmo assim é obrigado a ler os tweets por causa dos RTs dados por seus amigos? Ou então, não aguenta mais tweets sobre futebol, BBB (ano que vem tem mais) ou sobre a novela das 8?
Dê um fim em tudo isso, conhecendo dois aplicativos do tipo twitter client, que possuem filtros para banir da sua timeline todas as palavras e todos os usuários indesejáveis.

bDule/sobees – aplicativo elegante, interface intuitiva e trabalha com múltiplas contas.
  1. Possui cinco temas
  2. Permite configurar o tamanho da fonte
  3. Separa todas as contas por abas e não somente por colunas
  4. Não precisa de Adobe Air
  5. Trabalha com Facebook, Linkedin e MySpace
interface_bdule
Interface e opções de configuração
Para banir da sua timeline todas as palavras e/ou usuários indesejáveis, clique no ícone refresh settings. Em anti-SPAM, escreva as palavras a serem filtradas e/ou os usernames,  (@username), clique em add e salve.
Settings do bDule Refresh Settings
bdule_filterFiltro para banir os indesejáveis
Na página do desenvolvedor, é possível usar o aplicativo sem ter que instalar, mas já aviso que na interface web não encontramos todas as funcionalidades do modelo para desktop.
bdule_download
Saezuri – roda em AdobeAir e se parece muito com o Tweetie para Mac e iPhone
  1. Possui vários temas
  2. Tem uma interface bonita, clean e leve
  3. Permite configurar o tamanho das fontes
Interface do Saezuri Interface do Saezuri – gentilmente kibada do Usuário Compulsivo
Para obter maiores detalhes sobre o aplicativo, acesse - Saezuri, o Twitter Client definitivo
Para filtrar palavras e usuários, clique no ícone  que está em destaque na imagem abaixo
Configurações do Saezuri
Escolha options e depois list of bad words to filter. Escreva uma palavra por linha e pronto.
Filtro do Saezuri
Clique aqui para baixar
ATUALIZAÇÃO EM 21/05/10
Agora o TweetDeck também possui filtro. Para acessar, vá em settings(1) e Global Filter (2).
tweetdeck_filter
Escreva as palavras e/ou pessoas a serem filtradas e depois clique em save settings (3).
Para saber maiores detalhes sobre o famoso TweetDeck, acesse:

sexta-feira, 16 de abril de 2010

O Poder da Síntese nos Blogs

Preliminarmente gostaria de agradecer à proprietária desse espaço, Juliana Sardinha, pela oportunidade maravilhosa concedida a minha pessoa, de ser um colaborador do Dicas Blogger. É muito gratificante ocupar um espaço que serviu de inspiração para minhas aventuras bloguísticas. Assim como cresce em visibilidade, aumenta também a responsabilidade já que aqui o número de leitores é infinitamente superior ao do meu blog. Espero, sinceramente, conseguir retribuir com qualidade a confiança em mim depositada, e peço que relevem algum deslize, pois uma estreia é sempre carregada de emoção.

Vamos ao assunto tema deste post!
Diante do mundo globalizado em que as informações se tornam a cada dia mais acessíveis e simplificadas não há mais espaço para embromações, a objetividade é que dá a tônica. Segundo a Wikipédia, síntese é: “Ato ou efeito de sintetizar; ou obtenção de um todo, a partir dos seus componentes elementos primordiais.”
É fato que uma das redes sociais mais crescentes da atualidade é o microblog Twitter, local em que o usuário está limitado ao número máximo de 140 caracteres, necessariamente, portanto, aquele que se aventura ou pretende se aventurar nesse serviço, já sabe previamente que o espaço para transmissão de suas informações é absurdamente limitado. E mesmo diante de tamanha restrição, vários conseguem a proeza de serem claros e objetivos nas suas inserções.
No que tange aos blogs, mesmo não havendo uma limitação de caracteres, é patente que aquele que consegue transmitir sua mensagem com maior objetividade e clareza, normalmente, ocupa uma posição de destaque na blogosfera.
"Nós nos contentamos em percorrer ou fazer uma varredura nos textos que nos são submetidos online. Esta afirmação formulada há tempos por Jakob Nielsen, o guru da "usabilidade" acaba de ser confirmada mais uma vez por um estudo que traz revelações importantes: Nós apenas lemos quando abrimos uma página da web. Não interpretamos a lógica da navegação e a disposição das informações. Olhamos, igualmente, as imagens. No restante, lemos 20 por cento do texto de uma página média - 600 palavras no teste em questão. Se pegarmos o tempo passado online e o tamanho dos artigos, chegamos à conclusão que não temos mais tempo para ler mais que 30 por cento das palavras que aparecem na tela. Nós lemos até 50 por cento da informação no caso de o número de palavras ser inferior a 111.( Francis Pisani)
Como vimos na citação supra mencionada, há uma necessidade evidente de criarmos textos menos extensos e mais objetivos, pois o leitor está cada dia menos paciente.Textos ou parágrafos muitos longos dispersam a atenção do leitor e fazem com que ele perca o interesse em continuar a leitura.
Um bom escritor é aquele que consegue transmitir sua mensagem de forma objetiva, sem muitas delongas e prolixidade, a leitura tem que ser prazerosa e instigante, parágrafos desconexos e extensos são um caminho fatal para o insucesso.
Não podemos nos olvidar que a objetividade deve ser a tônica, porém são necessários alguns outros quesitos que são igualmente importantes. O segredo de um bom artigo não é somente o talento, mas dedicação, persistência, disciplina e, principalmente, leitura. Por isso, leia muito, estude bastante e pesquise sobre o assunto que irá abordar. Nada pior do que um artigo sem fundamentação. Além do conteúdo pífio, você acaba caindo no descrédito.
Este artigo não tem o objetivo de impor regras generalizadas ao uso dos blogs, até mesmo porque cada um tem seu espaço e faz dele o que bem entender. Meu intento é apenas chamar a atenção para alguns equívocos que via de regra nos deparamos na blogosfera. Afinal “cada cabeça uma sentença”.
Ainda sobre o tema redação, indico a leitura do artigo: Português correto não é opção, é obrigação…

José Márcio (@jmpsousa) é o editor do blog Os InvicioneirosMineiro de Paraopeba/MG, canceriano, engraçado, calmo, cruzeirense. Apaixonado por Música, informática, Twitter, Blogs e Futebol! Saudosista dos anos 80.

quinta-feira, 15 de abril de 2010

Designer do modelo – como retirar navbar

Se você já está usando um dos novos modelos do Blogger, através da página Blogger in Draft, saiba que retirar a navbar ficou ainda mais fácil.
Eu já expliquei neste post Como criar um template para Blogger / Blogspot, mas me parece que nem todo mundo conseguiu entender. Sendo assim, vou explicar detalhadamente.
Acesse o designer do modelo, clique em avançado (1) e depois em adicionar CSS (2). Cole o código abaixo, dentro da parte em branco (3) e aperte a tecla enter do seu teclado.

#navbar-iframe { height: 0px; visibility: transparent; display: transparent; }
retirar_navbar
Clique sobre a imagem para ampliar
Assim que você colar o código e apertar a tecla enter, a navbar irá ficar invisível.
Que eu saiba, não há nenhuma restrição por parte do Blogger quanto à retirada da navbar:
Confirmado: NavBar do Blogger é opcional – blog Usuário Compulsivo
While we don't recommend or support the removal of the Blogger navbar, there is nothing in our Terms of Service that explicitly mandate its use. Fonte: fórum do Blogger em inglês
ATUALIZAÇÃO – Este método já não está funcionando tão bem, visto que a Equipe do Blogger vem fazendo alterações no Designer do Modelo. O @velosomanel, postou em seu blog Rascunhos Blogger, uma forma de retirar a navbar completamente e que pode ser adaptada aos novos modelos. Entre no html e procure por <body class='loading'>
Cole logo antes o seguinte código:
<!-- Navbar-->
<script type='text/javascript'>
<![CDATA[
<!--
/*<body>*/
-->
]]>
</script>
<!-- Navbar-->
Aceite a exclusão do widget navbar e salve.
Fontes: Blogger Plugins e Blogger Rascunhos

terça-feira, 13 de abril de 2010

Apresentação de slides com Google Docs

Já ensinamos aqui, como colocar uma apresentação de slides na sidebar  e outra dentro dos posts utlizando imagens. Hoje, irei explicar como criamos uma apresentação de slides, do tipo powerpoint, usando o Google Docs. Uma apresentação em PPT pode ser muito útil para blogs de tutoriais. Vejam  este exemplo  – Como criar um blog no Blogger.
Acesse o Google Docs com a conta do Blogger, clique em criar novo e em apresentação

Nova apresentação
Você será direcionado para uma página parecida com o PowerPoint. Ela estará em branco, mas clicando bom o botão direito do mouse, é possível escolher um tema
Configurando os slides
Para escrever um texto, basta clicar nos locais indicados. Na barra de ferramentas, temos as opções de formatar o texto, inserir imagens, tabelas, desenhos, vídeos e etcBarra de ferramentas
Para inserir novos slides, clique no ícone + que, na imagem acima,aparece embaixo de editar
Explore todas as possibilidades da barra de ferramentas. Quando você achar que a apresentação ficou legal, clique em visualizar > iniciar apresentação.
Assistindo a apresentação
Assista a apresentação de slides que você acabou de criar e, se ela estiver pronta, salve. Clique então no botão compartilhar e escolha publicar/incorporar.
Compartilhar Na página seguinte ( figura 1) publique o documento. Depois, configure o tamanho do player da apresentação de slides e copie o código fornecido ( figura 2).
Figura 1Figura 2
O código pode ser usado em uma nova postagem, colando-o dentro da aba editar html ou na sidebar, no gadget html/javascript. Atente-se ao tamanho do player, para não ultrapassar a largura máxima do post ou da sidebar. Veja um exemplo, clicando aqui.
Conheça também outros recursos do Google Docs:

IceBreaker Design – templates exclusivos para Blogger

O Sérgio Estrella, é um dos designers de templates mais talentosos que eu conheço.  Em seu portfólio estão os layouts dos blogs Usuário Compulsivo, IceBreaker e Guia Google Wave. Além de criar lindos templates, o Sérgio faz logotipos, banners, ícones e afins.
A boa notícia é que hoje ele está lançando um site, o IceBreaker Design, para disponibilizar seu trabalho a quem estiver interessado em pagar pela criação de um blog com tudo a que tem direito: design do template, identidade visual, SEO, registro e configuração de domínio próprio, otimizações de segurança e de tempo de carregamento de páginas e etc.

Serviços e preços
Eu sempre falei  o quanto eu acho importante capricharmos no template de nossos blogs, mas agora com o sistema de auto-paginação do Blogger, bem como com a notícia de que o Google irá rankear melhor os sites que abrem mais rápido, cuidar do layout se tornou algo essencial para quem deseja ter um blog bem visitado ( ou de sucesso, como queiram).
Pra quem não tem tempo ou não leva jeito para mexer com códigos, pagar por um serviço profissional de qualidade pode ser uma decisão muito inteligente.


E pra ficar ainda melhor, o IceBreaker Design está com uma super promoção e você pode ganhar um template exclusivo para o seu blog - Promoção: Template Patrocinado iceBreaker
Promoção
Eu já encomendei o meu e muito em breve o Dicas Blogger será totalmente reformulado ;)
Clique já!

Como usar e otimizar o Google Adsense

O Google Adsense é um dos sistemas mais completos para monetização de sites, porém é complexo e cheio de detalhes. Conhecê-lo a fundo pode ajudar e muito a aumentar os rendimentos do seu blog. E quem vai ensiná-los a usar e a otimizar o AdSense será a própria equipe que cuida do programa. Como? Em vídeo-aulas, disponíveis no YouTube.

Inscreva-se corretamente no AdSense - Site e Conteúdo

Como tirar o máximo do Google AdSense

Você vai encontrar esses vídeos e outras aulas super interessantes, acessando o canal do Google AdSense no YouTube -  http://www.youtube.com/user/InsideAdSensePT

segunda-feira, 12 de abril de 2010

Designer de Modelo – correções e novos temas

O Designer de Modelo ou template designer, passou por correções de falhas e está com algumas novidades - Small Template Designer Tweaks: Two More Variants and Bug Fixes
Pra quem não sabe, o Designer de Modelo permite que qualquer usuário crie o template do seu blog facilmente, sem precisar de conhecimentos avançados de HTML e CSS. Saiba mais, acessando este nosso post:  Como criar um template para Blogger / Blogspot


Dois novos temas para o Template Simple
O modelo Simple ganhou mais dois temas.
Modelo Simple
Planos de fundo com links para o background original
Ao escolhermos um dos diversos planos de fundo, vemos um link que aponta para o original. Assim, podemos conhecer e até adquirir outros trabalhos daquele mesmo artista.
Planos de Fundo
Melhorias na compatibilidade com o Internet Explorer
Correções para melhorar a compatibilidade com o Internet Explorer, pois alguns modelos não estavam mesmo funcionando bem com o navegador da Microsoft.
Correções de alguma falhas (bugs) nos modelos
Correções nos modelos, mostrando inclusive a cor de fundo correta no seletor de imagem, fontes melhor no IE e melhorias no comportamento das guia. Mostrar que foi excluído comentários em itálico e reposicionamento de guia para se adequar melhor ao usar uma imagem de cabeçalho personalizado.
Vejam também o post do Cidão (@crazyseawolf), o maior fã do Blogger no mundo!
O Designer de Modelo  está em fase de testes e disponível somente no Blogger In Draft.

sexta-feira, 9 de abril de 2010

Formulário de contato dentro do post

Pra colocar um formulário de contato bonitinho em seu blog, use o Wufoo que é excelente, gratuito e super fácil de usar - Wufoo - um formulário de contato para o Blogger.

Para colocar o formulário de contato dentro do post (como é aqui no Dicas Blogger), siga todos os passos do post anterior, clique em Embed Form Code e copie o segundo código:

wufoo

Crie uma NOVA POSTAGEM no Blogger e cole o código do Wuffo dentro de editar html

blogger

Você pode fazer deste formulário, uma página estática, sem data e nem comentários:

Depois é só visualizar, publicar e colocar o link do post com o formulário em seu blog.

quinta-feira, 8 de abril de 2010

Widget – feeds, seguidores, posts e comentários

O Paulo Estevão, do Códigos Blog, disponibilizou recentemete um widget muito bacana, que divulgamos aqui no Dicas Blogger em fevereiro deste ano - Widget - assinantes de feeds e followers do Twitter. Trata-se de um contador, em modo texto, que mostra o número de assinantes de feeds e de seguidores no Twitter. Ele foi fazendo algumas modificações no widget original e incluiu o contador de postagens e de comentários, o que deu origem a 4 novos modelos - Widget contador Feed + Twitter + Comentários + Postagens. São lindos ;)

Pra colocar um dos widgets aqui no DB, fiz algumas alterações: mudei os ícones, inseri os botões originais do FeedBurner e do Twitter Counter e deixei o plano de fundo transparente. No original, o background é branco e o daqui é cinza.

Nisto, surgiram leitores interessados em usar o widget modificado por mim. Conversei com o Paulo pelo Twitter e ele concordou prontamente em disponibilizarmos o código. Aí está.

Widget assinantes feed, followers, posts e comentários

O widget é muito fácil de usar. Copie o código abaixo e cole no gadget html/javascript do Blogger. Substitua as partes em vermelho, respectivamente, pelos códigos do FeedBurner e do Twitter Counter. Se você não sabe como obter estes códigos, explicarei mais à frente.

<div style="width: 345px; padding: 0; margin: 0; border: 0;">
<div name="feed" style="float: left; width: 160px; height: 50px; ">
<div name="img" style="float: left; margin: 2px 5px 2px 2px; padding: 0; width: 46px; height: 46px; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjgL-Oqkm7pe57E1Qh0nXHy2yifl_Dck6jbJGOhtgfhc-GmequnvRERdPmAkvTqyRVVEUi4SGzgBTvVtkS-W-0dRirOPIxow8xf353HsJOG4fDxIMHehyBB3UZ6tfcBrzqcESw4L9c3-hkG/) no-repeat;"></div>
<div name="contador" style="padding: 6px 0 0 0; margin: 0; font-size: 11px; font-weight: bold; font-family: Arial, Helvetica, sans-serif;">CÓDIGO DO FEEDBURNER</div>
<p name="texto" style="padding: 0; margin: -5px 0 0 0; font-size: 10px; font-family: Arial, Helvetica, sans-serif;">assine o feed</p>
</div>
<div name="twitter" style="float: left; margin-left: 10px; width: 160px; height: 50px; ">
<div name="img" style="float: left; margin: 2px 5px 2px 2px; padding: 0; width: 46px; height: 46px; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgW-eIs2evW-wzMEgqhHb6fBPUGo_DyKRGEOJYj6J2MVqFuV1IBH5YuIRCzu5nrpqSA-ttKRSxNLAc2rcfWOv8QkdHXKVYIsnFqeD6Zv42RiGfdtmiukvtCq0OuF0oOhSw6ZHbIkTD4bxyi/) no-repeat;"></div>
<div name="contador" style="padding: 6px 0 0 0; margin: 0; font-size: 11px; font-weight: bold; font-family: Arial, Helvetica, sans-serif;">CÓDIGO DO TWITTER COUNTER</div>
<p name="texto" style="padding: 0; margin: -5px 0 0 0; font-size: 10px; font-family: Arial, Helvetica, sans-serif;">siga no Twitter</p>
</div>
<div name="postagens" style="margin-top: 5px; float: left; width: 160px; height: 50px; ">
<div name="img" style="float: left; margin: 2px 5px 2px 2px; padding: 0; width: 46px; height: 46px; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEipSeNPnivN0pd0t_cezmj0KcSVkqmz2A1VVAxJXOlQ198mnivCHptzjSIQ7AupRkuo9IxL7hd0YBV1VhEKgq-eapUlcVuVFsku0rUv8MDq5YT3BY-IuBd0MNX6X8lcpmbgZuomMOUrvJD5/) no-repeat;"></div>
<div name="contador" style="padding: 6px 0 0 0; margin: 0; font-size: 11px; font-weight: bold; font-family: Arial, Helvetica, sans-serif;"><script type="text/javascript"> function showpostcount(json) { document.write(parseInt(json.feed.openSearch$totalResults.$t,10)); }</script><script src="/feeds/posts/default?alt=json-in-script&callback=showpostcount"></script> Postagens </div>
<p name="texto" style="padding: 0; margin: -5px 0 0 0; font-size: 10px; font-family: Arial, Helvetica, sans-serif;">acompanhe</p>
</div>
<div name="comentarios" style="margin-top: 5px; margin-left: 10px; float: left; width: 160px; height: 50px; ">
<div name="img" style="float: left; margin: 2px 5px 2px 2px; padding: 0; width: 46px; height: 46px; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhMRtVJdjAORzCbqzSU6U4GMlFLlYXiKojqA0zhPk_USlGQwu6Wj-zE53NPZadXEsUYOBVtqPQ7I3XZhvMXlEK2jACHfjqT6vLXhLboXW2usNE3gUGQG_jHpMJOszE1hIRkyKSbrMXrtTTI/) no-repeat;"></div>
<div name="contador" style="padding: 6px 0 0 0; margin: 0; font-size: 11px; font-weight: bold; font-family: Arial, Helvetica, sans-serif;"><script type="text/javascript"> function showpostcount(json) { document.write(parseInt(json.feed.openSearch$totalResults.$t,10)); }

<script type="text/javascript"> function showpostcount(json) { document.write(parseInt(json.feed.openSearch$totalResults.$t,10)); }</script><script src="/feeds/comments/default?alt=json-in-script&callback=showpostcount"></script>

Comentários</div>
<p name="texto" style="padding: 0; margin: -5px 0 0 0; font-size: 10px; font-family: Arial, Helvetica, sans-serif;">comente também</p>
</div>

<div style="text-align: center;"><small> Widget <a href="http://www.codigosblog.com.br/2010/03/widget-contador-feed-twitter_25.html">Códigos Blog</a> modificado por <a href="http://www.dicasblogger.com.br/2010/04/widget-contador-feeds-e-twitter.html">Dicas Blogger</a></small></div>

Para obter o código do contador do FeedBurner, entre no site e acesse a aba publicize (1). Na coluna da esquerda, clique em FeedCount (2). Configure as cores (sugestão: DE682B para o plano de fundo do botão e 444444 para o texto) e copie o código (3). Cole na parte em vermelho ( CÓDIGO DO FEEDBURNER ) do código do contador.

feedcount

Para obter o código do TwitterCounter, acesse o site, escreva seu username do Twitter no campo indicado (1), faça login pelo método OAuth (é seguro) e depois clique na aba buttons (2). Configue as cores do botão (sugestão: 47C8F5 para o plano de fundo e 000000 para o texto) e copie o código fornecido. Cole o código na parte em vermelho ( CÓDIGO DO TWITTER COUNTER ) do código do widget.

twitter counter image

Widget assinantes de feeds e seguidores do Twitter

Se você quiser mostrar apenas os assinantes de feeds e os seguidores no Twitter, copie este código, faça as alterações necessárias e cole no gadget html/javascript do Blogger:

<div style="width: 345px; padding: 0; margin: 0; border: 0;">
<div name="feed" style="float: left; width: 160px; height: 50px; ">
<div name="img" style="float: left; margin: 2px 5px 2px 2px; padding: 0; width: 46px; height: 46px; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjgL-Oqkm7pe57E1Qh0nXHy2yifl_Dck6jbJGOhtgfhc-GmequnvRERdPmAkvTqyRVVEUi4SGzgBTvVtkS-W-0dRirOPIxow8xf353HsJOG4fDxIMHehyBB3UZ6tfcBrzqcESw4L9c3-hkG/) no-repeat;"></div>
<div name="contador" style="padding: 6px 0 0 0; margin: 0; font-size: 11px; font-weight: bold; font-family: Arial, Helvetica, sans-serif;">CÓDIGO DO FEEDBURNER</div>
<p name="texto" style="padding: 0; margin: -5px 0 0 0; font-size: 10px; font-family: Arial, Helvetica, sans-serif;">assine o feed</p>
</div>
<div name="twitter" style="float: left; margin-left: 10px; width: 160px; height: 50px; ">
<div name="img" style="float: left; margin: 2px 5px 2px 2px; padding: 0; width: 46px; height: 46px; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgW-eIs2evW-wzMEgqhHb6fBPUGo_DyKRGEOJYj6J2MVqFuV1IBH5YuIRCzu5nrpqSA-ttKRSxNLAc2rcfWOv8QkdHXKVYIsnFqeD6Zv42RiGfdtmiukvtCq0OuF0oOhSw6ZHbIkTD4bxyi/) no-repeat;"></div>
<div name="contador" style="padding: 6px 0 0 0; margin: 0; font-size: 11px; font-weight: bold; font-family: Arial, Helvetica, sans-serif;">CÓDIGO DO TWITTER COUNTER</div>
<p name="texto" style="padding: 0; margin: -5px 0 0 0; font-size: 10px; font-family: Arial, Helvetica, sans-serif;">siga no Twitter</p>
</div>
<div style="text-align: center;"><small> Widget <a href="http://www.codigosblog.com.br/2010/03/widget-contador-feed-twitter_25.html">Códigos Blog</a> modificado por <a href="http://www.dicasblogger.com.br/2010/04/widget-contador-feeds-e-twitter.html">Dicas Blogger</a></small></div>

Acho que não é necessário, mas vou pedir assim mesmo: NÃO RETIRE OS CRÉDITOS

terça-feira, 6 de abril de 2010

Os comentários do seu blog sumiram?

Já faz um pouco mais de 1 mês, que os usuários do Blogger estão enfrentando problemas com o sistema de comentários. O bug mais comum é percebido através dos gadgets que contabilizam o número total de comentários. Nota-se que o valor mostrado é inferior ao valor real e que varia muito durante um mesmo dia. Por exemplo: o Dicas Blogger deve ter cerca de 14.000 comentários publicados, mas neste exato momento o gadget informa 9918 e de manhã apareciam aproximadamente 4.500 comentários. O assunto já foi abordado aqui no começo do mês março - Diminuição no número total de comentários.

Um outro problema que vem sendo reportado, tanto no Twitter quanto no fórum do Blogger, se refere ao desaparecimento dos comentários em blogs que mudaram para domínio próprio durante esta fase de instabilidades. O caso mais conhecido é o do blog Usuário Compulsivo. Vejam um exemplo, neste meu post publicado em fevereiro, antes da mudança para o domínio compulsivo.com.br - Lindos Wallpapers Grátis para iPhone.
O que eu tenho a dizer é que a equipe do Blogger já está ciente e vem trabalhando para solucionar essas falhas, conforme foi postado no blog oficial Known Issues for Blogger:
Some users are experiencing comment count discrepancies on their blog, specifically for older comments during the December-January timeframe. We have isolated the underlying problem though, and are working to release a fix shortly. Also, if you have recently switched hosting from BlogSpot to a custom domain, it may take up to a few hours before the counts are synced completely (and this is expected).
Como o Dicas Blogger acabou se tornando uma das principais referências sobre o Blogger no Brasil, é natural que muita gente venha me procurar em busca de notícias, mas infelizmente ainda não existe uma solução para nenhum dos dois casos.
Peço que tenham paciência e que lembrem que até hoje a maioria dos bugs do Blogger foram resolvidos satisfatoriamente.
Nesta fase, também podem acontecer erros Bx durante a aprovação de comentários moderados e até mesmo durante o envio dos comentários.
Este post é apenas para mantê-los informados sobre os atuais problemas no Blogger.

quinta-feira, 1 de abril de 2010

Mapa do site para Blogger/Blogspot

Que tal ter uma página no seu blog, onde estão todas as suas postagens organizadas por data? Poderíamos chamar essa página de Mapa do Site ou Arquivo do blog e ela pode ser bastante útil quando um visitante não consegue encontrar algum post específico no seu blog usando a pesquisa ou mesmo se este visitante quiser ler tudo o que você já publicou.
Se quiser ver como é uma página assim, dê uma olhada na que eu criei no meu blog neste link. Se quiser uma página igual para o seu blog, siga o tutorial abaixo.

Primeiramente crie uma nova página no seu blog (1)  e entre no modo de edição HTML (2). Copie o código abaixo, alterando a parte em vermelho pelo endereço completo do seu blog. Cole o código no html da página (3) e clique em publicar agora.
<script style="text/javascript" src="http://100rede.com/mapablogger.js"></script>
<script src="http://NOME_DO_SEU_BLOG/feeds/posts/default?max-results=1000&alt=json-in-script&callback=loadtoc"></script>
sitemap_blogger
Veja o resultado do arquivo do Dicas Blogger, na imagem abaixo:
Arquivo ou mapa
Observações:
Eu peguei essa dica no blog do Abu Farhan, os créditos do script foram mantidos, sendo que eu apenas traduzi os nomes dos meses para o português.
Não sei como os robôs do Google podem interpretar essa nova página do seu blog cheia de links internos, acredito que isso não renderia nenhuma punição nos resultados de pesquisa do Google, mas não posso afirmar tal coisa com certeza.
Percebam que existe um valor neste URL que indica o número de posts a serem exibidos; no exemplo acima este valor está definido como 1000, pois eu queria mostrar todas as postagens do meu blog no mapa. Altere o valor conforme a quantidade de posts do seu blog, colocar sempre um valor bem acima do número de postagens do seu blog vai garantir que todas sejam mostradas.

Teilor (@Teilor) é um dos principais colaboradores do fórum oficial do Blogger e autor do blog Without Brain.

Como criar uma conta no Google

O motivo deste post é que agora já não é mais tão simples criar uma conta no Blogger. De um tempo para cá (não saberia precisar quanto), é necessário fornecer um número de celular para criar a conta no Google e, posteriormente, uma conta no Blogger.
Podemos criar uma conta no Google, acessando qualquer uns dos serviços prestados pela empresa, tais como Gmail, Google Docs, Orkut, Picasa e etc. Para este tutorial, usaremos o Blogger, por motivos óbvios, mas o processo de criação de uma conta do Google é praticamente o mesmo nos demais produtos, mudando apenas a primeira etapa.

Acessando a página inicial do Blogger ( https://www.blogger.com/), encontraremos:
Home do Blogger
Para criar um blog e consequentemente uma conta no Google, clique em criar um blog. Na página seguinte, preencha todos os campos solicitados. O email utilizado não pode já estar vinculado a outra conta do Google e a senha deve ter mais de 8 caracteres.
Criando a conta do Google
Leia os termos de uso, marque a caixa para aceitá-los e clique no botão continuar. Na próxima página,  forneça um número de celular para receber o código (senha) de confirmação
Fornecendo o celular
Você pode receber o código de confirmação através de mensagem de texto (SMS, torpedo) ou por chamada de voz. Comigo a primeira opção falhou, mas a segunda chegou rapidinho.
Assim que você receber a senha, coloque no campo indicado e pronto. Veja neste link, todos os produtos que você poderá usar, ao criar uma conta no Google.
Produtos do Google
Para aprender a criar e personalizar o seu blog no Blogger/ Blogspot, acesse:
Este post surgiu devido a uma dúvida da Luma Rosa, do Blog Luz de Luma, Yes Party.