Promo! Template exclusivo!

Quer um template exclusivo, com diversos hacks e gadgets instalados, domínio próprio e otimizações para os mecanimos de busca, mas está sem grana para contratar nossos serviços? Então participe do sorteio Blog Completo no Twitter!
Basta tuitar ou retuitar esta frase quantas vezes você quiser:

Quer ganhar um template exclusivo? Siga o @dicas_blogger e dê RT para concorrer! http://kingo.to/tul

Para que possamos fazer o sorteio no site Sorteie.me, é obrigatório:

• seguir o @dicas_blogger
• tuitar o link exatamente como está na frase acima

Os participantes estarão concorrendo a um Pacote Blog Completo, que inclui:

• personalização e instalação do template exclusivo a sua escolha
• instalação e configuração dos hacks e dos gadgets
• instalação e configuração dos feeds utilizando o FeedBurner
• instalação e configuração do Google Analytics
• instalação e configuração de domínio próprio
• personalização do cabeçalho
• criação de banner no tamanho 120 x 60px
• otimização para os mecanismos de busca (SEO)

A promoção começa hoje, 15/02/2011 e se encerrará às 23h do dia 02/03/2011.
Atualização: o sorteio será realizado no dia 24/02, às 14 horas  e o resultado será divulgado aqui no blog e em nossa conta no Twitter.
Para a customização do template exclusivo, o vencedor irá escolher uma de nossas opções de layout e até 10 hacks ou gadgets desta lista.
A compra do domínio próprio ficará a encargo do vencedor e deverá ser feita no Uol Host. O pagamento da primeira anuidade será por nossa conta :)
Esta promoção é válida apenas para blogs que utilizem a plataforma Blogger/Blogspot.

Envie suas dúvidas sobre a promoção usando a caixa de comentários. Boa sorte!
PERGUNTAS DOS LEITORES/SEGUIDORES

1. Fui bloqueado no Twitter. Posso concorrer? Não.
2. Sou de Portugal. Posso participar? Sim, sem problemas
3. Quem dá mais RTs, tem maiores chances? Não. Saiba mais aqui
4. Posso escolher o domínio? Claro
5. Quais e quantos hacks e gadgets posso escolher? Até 10 desta lista

Atualização em 28/02
Após 4 dias do resultado, a vencedora @bysumy não entrou em contato comigo. Sendo assim farei um novo sorteio hoje, às 20 h
Atualização às 20h
A nova vencedora foi Simone Benitez ( @ajastagayatri )

Blogosfera Brasil–uma rede social para blogueiros

Seguindo a tendência das redes sociais focadas em nichos específicos, a Blogosfera Brasil tem como público principal os blogueiros, iniciantes ou veteranos. A rede também está aberta àqueles que ainda não têm um blog, mas que se interessam pelo assunto e pretendem criar um futuramente.
O objetivo é que a Blogosfera Brasil seja um espaço para compartilhamento de ideias e de divulgação de novos trabalhos, além de servir também para que os membros possam fazer novas amizades e contatos profissionais.
O lançamento oficial da Blogosfera Brasil está previsto para o dia 15 de março de 2011. Até lá alguns ajustes ainda serão feitos e novas ferramentas serão implementadas e testadas. É importante que os membros colaborem enviando sugestões e reportando bugs.
As novidades da Blogosfera Brasil podem ser acompanhadas pelo Twitter, Facebook e também pelo grupo oficial da própria rede. Quem quiser colaborar com o projeto, poderá participar como apoiador da Blogosfera Brasil e ficar em destaque na página "Apoiadores". (saiba como)
Mesmo em fase beta, a Blogosfera Brasil está funcionando normalmente e os membros já contam com algumas ferramentas para poderem participar da rede enviando seus conteúdos e interagindo com outros membros. Nela já é possível, por exemplo, criar e participar de grupos e fóruns, inserir links, divulgar eventos, criar blogs, adicionar amigos, seguir outros membros, ou seja, tudo aquilo que encontramos normalmente numa rede social e, como eu já mencionei, outros recursos serão implementados. O registro na Blogosfera Brasil é bastante simples, rápido e, o mais importante, gratuito.
A rede tem como base de funcionamento a plataforma WordPress em conjunto com o BuddyPress, além outros plugins que oferecem os recursos adicionais. Esta combinação faz com que a Blogosfera Brasil seja bastante versátil quanto aos recursos e relativamente simples de ser administrada.
Então, convido os leitores do Dicas Blogger para conhecerem, compartilharem suas ideias e fazerem novos contatos nesta nova rede social, a Blogosfera Brasil!
Agradeço a Juliana pelo espaço disponibilizado para a divulgação deste projeto.

---

Este é um guest-post de Rodrigo Ribeiro Neto
Twitter | Informação Virtual | Blogosfera Brasil
Rodrigo é o criador da rede social Blogosfera Brasil

---

35 novas fontes para o seu blog!

No final do mês passado, a querida Camila Fitz – funcionária do Google - anunciou no fórum do Blogger a chegada de 35 novas fontes no designer do modelo. Fui conferir e posso garantir que são lindas! Têm fontes com estilos mais antigos (retrô) e outras super modernas, para todos os gostos e temas.

Há alguns meses atrás, introduzimos Fontes da Web para o Blogger in Draft. Hoje, temos o prazer em anunciar, não somente as Fontes da Webpara TODOS os usuários do Blogger, mas também que adicionamos 35 fontes novas com um total agora de 77! Camila Fitz –funcionária do Google

Para acessá-las, é só clicar em design>designer do modelo e procurar pelas fontes:

3 programas poderosos para usar o Twitter

Não é de hoje que procuro o aplicativo twitter-client perfeito. Nessa minha incansável busca, acabei testando vários programas até encontrar um que atendesse às minhas necessidades de viciada.
Sendo assim, vou descrever os prós e os contras dos que, na minha opinião, são os 3 melhores aplicativos para usar o Twitter.
Pra mim, um bom twitter-cliente precisa ter, além das funções básicas, os seguintes recursos:

• Rt editável e nativo ( Como enviar RT com comentário )
• Filtros ( Elimine tweets e RTs indesejáveis da sua timeline )
• Gerenciamento de perfil com follow, unfollow e block
• Opções de temas
• Fontes personalizáveis
• Possibilidade de gerenciar várias contas
• Opção de trabalhar ou não com colunas (à critério do usuário)
• Recurso auto-completar (coloca-se @ e aparecem os usernames)
• Busca integrada de tweets e de perfil
• Escolha de serviços, tais como encurtadores de URL, foto e vídeo
• Pré-visualização de URLs, fotos e vídeos
• Visualização nas mentions, tanto dos Rts nativos quanto dos editáveis

TweetDeck - O TweetDeck é de longe um dos aplicativos mais completos e o preferido dos usuários avançados e power users. A meu meu ver, sua única limitação está na interface, com apenas 2 temas e fonte pequena, sem opção de mudança.

Características	Diferenciais	Contras
Roda em Adobe Air	trabalha com colunas	apenas 2 temas
Windows, Linux e Mac	permite agendar tweets	fonte pequena
Download	possui recurso auto-completar
Tutorial	permite tweets longos
Recursos	possui filtro

Saezuri – O Saezuri foi o meu aplicativo preferido por um bom tempo, já que me permite mudar o tema e configurar as fontes, buscando um maior conforto visual. Por outro lado, não trabalha com colunas, não possui o recurso auto-completar e nem possibilita dar block. É ideal para usuários menos exigentes.

Características	Diferenciais	Contras
Roda em Adobe Air	Interface agradável	Não tem block
Windows, Linux e Mac	vários temas	Não tem auto-completar
Download	fontes personalizáveis	Não trabalha com colunas
Página oficial	possui filtro	Suporte em japonês

Janetter – é o programa que uso atualmente, já que possui a interface agradável do Saezuri, com vários dos recursos avançados do TweetDeck.

Características	Diferenciais	Contras
Não precisa de Adobe Air	Interface agradável	Não tem :)
Roda apenas no Windows	vários temas
Download	fontes personalizáveis
Recursos	auto-completar
Twitter	trabalha com colunas ou sem
Tutorial	possui filtro

Aproveite para conhecer outros aplicativos, acessando 8 Multi-Column Twitter Clients

Otimizando seu blog com meta tags

Nunca foi segredo pra ninguém: não tenho muita paciência para estudar SEO. O DB sempre esteve bem posicionado no Google e isso me levou à uma certa acomodação e a acreditar que bastava algumas configurações básicas e um bom conteúdo que estava tudo resolvido. De certa forma eu não estava errada, mas  tal pensamento não se aplica a todos os blogs e só fui descobrir isso após trabalhar com encomendas de templates
No caso do meu blog, o nome dele é um dos grandes diferenciais sendo responsável pela maior parte das visitas, mas nem sempre funciona assim. Em alguns blogs o nome pode não ajudar muito e, por padrão, o Blogger sempre mostra o nome do blog antes do título da postagem. Vejam:

No caso do DB isso não costuma ser um problema, mas em blogs cujo nome não está diretamente relacionado ao conteúdo pode acabar prejudicando o posicionamento nos motores de busca, que “enxergam” o que vem primeiro.
Tenho um cliente que possui um blog muito bacana, sério e de ótima qualidade, mas que não tinha um bom posicionamento no Google. Isso não fazia sentido pra mim, pois ele tinha tudo que eu antes considerava eficiente para SEO. Onde estava o problema então? No nome do blog. Mudei a sequência e seu posicionamento melhorou muito.
Pedi a ele que não enviasse links para agregadores durante 1 mês e fiz as modificações  para otimizar os títulos dos posts. Vejam os resultados iniciais:

Aumento de quase 50% apenas mudando o título dos posts

Agora vamos analisar um caso fictício, mas baseado no que acabei de descrever:

Nome do blog: LAR DOCE LAR
Post: receita de brigadeiro
Busca por: receita de brigadeiro
Padrão do Blogger: LAR DOCE LAR (nome do blog)– receita de brigadeiro (post)
Ideal para este blog : receita de brigadeiro – LAR DOCE LAR

Para resolver esse problema, é preciso mudar algumas meta-tags. Meta tags são linhas de código HTML, ou "etiquetas", que, entre outras coisas, descrevem o conteúdo do seu site para os buscadores.
Entre no HTML do template e procure por (fica bem no começo):

<title><data:blog.pageTitle/></title>

Substitua tudo por:

<b:if cond='data:blog.pageType == "index"'>
<title>NOME DO SEU BLOG - PEQUENA DESCRIÇÃO</title>
<b:else/>
<title><data:blog.pageName/> - <data:blog.title/></title>
</b:if>

A parte assinalada em amarelo é que fará a inversão entre o nome do blog e o título dos posts. Na parte em vermelho, escreva o nome do blog e,a pós o hífen, coloque uma breve descrição que irá aparecer na página inicial do blog.
Eu apliquei esta técnica na minha página de produtos e serviços. Na primeira imagem, vemos como o blog aparece nos motores de busca e na segunda, vemos o título do post vindo antes do nome do blog.


Para colocar uma descrição mais detalhada, como a que aparece embaixo do nome do blog, basta usar o código do post Descrição do blog para os mecanismos de busca.
O padrão do Blogger é:

<b:include data='blog' name='all-head-content'/>
<title><data:blog.pageTitle/></title>

Para colocar a descrição, as palavras-chave e mudar a sequência do nome do blog com o título dos posts, substitua:

<title><data:blog.pageTitle/></title>

por:

<b:if cond='data:blog.homepageUrl == data:blog.url'>
<meta content='Descrição' name='description'/>
<meta content='Palavras-chave' name='keywords'/>
</b:if>
 
<b:if cond='data:blog.pageType == "index"'>
<title>NOME DO SEU BLOG - PEQUENA DESCRIÇÃO</title>
<b:else/>
<title><data:blog.pageName/> - <data:blog.title/></title>
</b:if>

O código final ficaria assim:

<b:include data='blog' name='all-head-content'/>  (padrão blogger)
<b:if cond='data:blog.homepageUrl == data:blog.url'> <!—descrição e palavras-chaves--><meta content='Descrição' name='description'/>
<meta content='Palavras-chave' name='keywords'/>
</b:if>
 
<b:if cond='data:blog.pageType == "index"'>  <!—parte que se refere aos títulos-->
<title>NOME DO SEU BLOG - PEQUENA DESCRIÇÃO</title>
<b:else/>
<title><data:blog.pageName/> - <data:blog.title/></title>
</b:if>
<b:skin><![CDATA[  (padrão blogger)

Os códigos devem ser inseridos entre as duas partes amarelas.
No painel do Blogger>configurações> básico – deixe apenas o nome do blog em título.
No blog da Clau – Mundo Blogger – tem uma outra forma ainda mais completa de colocar as meta-tags de descrição e 2 sites excelentes para vocês fazerem testes:

• Como Inserir Meta Tags no Blogger

Como saber se seu blog precisa ou não destas mudanças? Testando. O que pode ser bom para um, pode não ser bom para outro.
Sempre que você for mudar as meta-tags, guarde as anteriores, coloque data e as  estatísticas de acesso e vá fazendo comparativos.
Atualização em 22/02/2011
Vejam como anda o blog do meu cliente:

Aumento de mais de 80%

Widgets com ícones para redes sociais

A última moda em blogs, são os ícones para as redes sociais. O principal objetivo é incentivar os visitantes a seguirem no Twitter, Orkut, Facebook e a assinarem os feeds do blog. 
Pra ajudá-los, criei dois gadgets baseados em CSS, super simples de serem implementados no Blogger.
Recomendo fortemente que as imagens dos ícones sejam enviadas para a conta do Picasa de vocês e que as URLs dessas imagens sejam substituídas.

• Como hospedar imagens no Picasa
• Backup no Picasa de imagens contidas nos templates

Widget 1 – Twitter, Feeds e Facebook

Vá no HTML do template, dê um Crtl+F com o teclado e procure por ]]></b:skin> .
Cole antes dessa tag o seguinte código:

/* SOCIAL MEDIA
----------------------------------------------- */
#socialmedia{background:#F6F8F8;border:1px solid #DBE2E0;padding:10px 5px 15px 10px; margin: 5px;}
#socialmedia:hover{border:1px solid #90C2D7;}
#socialmedia a{color:#666666;text-decoration:none;font-weight:bold;font-family:Arial,Helvetica,Sans-serif}
#socialmedia a:hover{color:#3c88b2;text-decoration:underline}
#socialmedia img{vertical-align:middle;margin-right:5px;}

Salve o template. Vá nos elementos de página e clique em adicionar gadget. Escolha HTML/javascript e cole este outro código:

<div id='socialmedia'><img alt='' src='https://lh3.googleusercontent.com/_mcq01yDJ2uY/TW_BEKq7aTI/AAAAAAAAEUw/Lb9JMwUAiZ8/socialconnecttwitter.png' style='width: 32px; height: 32px; float:left;'/>
<a href='URL DO TWITTER'>Siga no Twitter</a>
</div>
<div id='socialmedia'><img alt='' src='https://lh5.googleusercontent.com/_mcq01yDJ2uY/TW630L9WcaI/AAAAAAAAEUM/iLypEEa1b5Y/socialconnectrss.png' style='width: 32px; height: 32px; float:left;'/>
<a href='URL DOS FEEDS'>Assine os feeds</a>
</div>
<div id='socialmedia'><img alt='' src='https://lh3.googleusercontent.com/_mcq01yDJ2uY/TW_BI34MoHI/AAAAAAAAEU0/GuFjmmcm87w/socialconnectfacebook.png' style='width: 32px; height: 32px; float:left;'/>
<a href='URL DO FACEBOOK'>Curta no Facebook</a>
</div>

• Em URL DO TWITTER, escreva o endereço do seu Twitter
• Em URL DO FEED, coloque o endereço dos feeds do blog
• Em URL DO FACEBOOK, coloque o endereço do seu perfil ou da página de fãs

Widegt 2 - Feeds, Twitter, YouTube, Orkut e Facebook
   
No painel do Blogger, clique em design > adicionar gadget>HTML/javascript.
Cole o código abaixo, fazendo as respectivas alterações (em vermelho)

<div style="margin: 5px; padding: 10px;"><a
href="ENDEREÇO DO FEED"><img
style="border: 0px solid ; width: 48px; height: 48px; float: left;"
alt=""
src="http://lh5.ggpht.com/_dAGEULh1_1g/THwD-xP5n9I/AAAAAAAAEBk/1DE1CA0UtCA/rss.png"></a><a
href="ENDEREÇO DO TWITTER"><img
style="border: 0px solid ; padding-left: 5px; width: 48px; height: 48px;"
alt=""
src="http://lh4.ggpht.com/_dAGEULh1_1g/THwD-5SoTTI/AAAAAAAAEBo/Yh2jRrtkOeo/twitter.png"></a><a
href="ENDEREÇO DO YOUTUBE"><img
style="border: 0px solid ; width: 48px; height: 48px; padding-left: 5px;"
alt=""
src="http://lh3.ggpht.com/_dAGEULh1_1g/THwD-4XjHKI/AAAAAAAAEBs/waG0ImvEsQI/youtube.png"></a><a
href="ENDEREÇO DO ORKUT"><img
style="border: 0px solid ; width: 48px; height: 48px; padding-left: 5px;"
alt=""
src="http://lh4.ggpht.com/_dAGEULh1_1g/THwD-3vEZVI/AAAAAAAAEBg/jq-RSB5gXBc/orkut.png"></a><a
href="ENDEREÇO DO FACEBOOK"><img
style="border: 0px solid ; width: 48px; height: 48px; padding-left: 5px;"
alt=""
src="http://lh6.ggpht.com/_dAGEULh1_1g/THwD-vZ7bDI/AAAAAAAAEBc/4fHoPnWmq8M/facebook.png"></a><br></div>
 

Neste template de testes, é possível ver os dois gadgets em ação. Clique para ampliar.

Atualização em 03/03/2011
Tem coisas no Blogger que são simplesmente inexplicáveis. Até outro dia, bastava colar a URL da imagem no local indicado e pronto. Atualmente, notei que as imagens hospedadas no Picasa Web não estavam aparecendo mais. Depois de muita investigação, descobri que – sabe-se lá porque – o Blogger estava mudando as URLs por conta própria. A solução é ainda mais bizarra rs Depois de colar o código no gadget HTML/Javascrip, é preciso clicar em “Formato Rich Text” para que as imagens funcionem. Prefiro nem comentar.

Entraremos em recesso

Serei direta: o blog entrará em recesso para que eu possa cuidar da minha saúde que não anda lá grandes coisas. Eu já desconfiava que estava sobrecarregada e agora meu organismo já deu vários sinais que está falhando. Ainda não tenho nada grave (sorry, trolls), mas vou precisar ir a médicos, fazer exames, descansar, etc, etc.
Como não sou boba, vou é correr atrás do prejuízo pois afinal só tenho 40 anos e muita coisa ainda pra viver.
Por que “dar um tempo “ nas minhas atividades da internet? Bom, parar de trabalhar como médica não vai dar, pois afinal é meu ganha-pão. Além disso, quanto estou no computador, tenho que fazer mil coisas ao mesmo tempo, o que gera muito stress, sem contar o danado do sedentarismo.
Até breve! Se cuidem!

Os comentários do blog foram desabilitados, bem como o formulário de contato e as encomendas de templates.