quarta-feira, 25 de janeiro de 2012

Veja quantos +1 seus posts receberam direto no painel do Blogger

O Blogger está ficando cada vez mais integrado com o Google+. A novidade mais recente foi anunciada pelo Blogger Buzz ontem (24/01) e é a possibilidade de vermos quantos +1 tivemos em cada um de nossos posts diretamente pelo painel do Blogger.

Se você não sabe o que é o botão +1, veja a definição do próprio google:

Clique no botão +1 para mostrar publicamente sua aprovação sobre algo. Em seguida, se quiser compartilhar, adicione um comentário e envie-o para seus círculos no Google+.
Na próxima vez que seus amigos e contatos pesquisarem no Google, eles poderão ver seu +1. Você os ajudará a encontrar o que há de melhor na web e ainda poderá iniciar outra conversa. [fonte]
O novo recurso será ativado automaticamente para todos os blogs do Blogger. Para ver quantos +1 cada post seu recebeu basta acessar no Painel do Blogger, no menu Postagens, ao lado do título de cada post podemos ver quantos +1ele recebeu. Veja na imagem abaixo.

 1s_no_painel_do_blogger
Clique na imagem para ampliar

Para ter acesso ao novo recurso é importante que o seu blog tenha o botão +1 nas suas postagens. Para ativá-lo acesse no Painel do Blogger, na guia Layout, clique em Editar no elemento Postagens no blog, marque a opção Mostrar botões de compartilhamento e salve as configurações.


Esperamos que o Blogger continue inovando sempre em recursos como este.

domingo, 22 de janeiro de 2012

Como hospedar arquivos no Google Sites

files-sharingComo até hoje o Blogger não disponibilizou um serviço de hospedagem de arquivos, continuamos nos utilizando de serviços externos para esse fim. Hoje notei que o hack “Páginas Numeradas” havia parado de funcionar, pois o site onde estava hospedado o javascript foi tirado do ar. Então lá fui eu tentar outra opção e consegui hospedá-lo no Google Sites. E pelo que notei, é possível hospedar qualquer tipo de arquivo, incluindo templates, imagens, pdf, DOC e etc.

Entre no Google Sites usando sua conta do Google. Provavelmente você já irá encontrar um site com o nome da sua conta. Se não enContrar, crie um site.

google-sites

Clique no site e na página seguinte, no alto à direita, clique em “nova página”

google-sites

Dê um nome a essa página e, em modelo,  escolha “arquivo”. Em local, escolha “colocar página como nível superior”. Clique em “criar”

google-sites

Na página seguinte, clique em “adicionar arquivo”. Procure o arquivo e faça o upload.

Seu arquivo irá aparecer numa espécie de pasta, com 1 link para download.

image

No caso de hospedagem de javascript para usar no Blogger

Clique com o botão direito do mouse e copie o link. Ele irá aparecer assim:

https://sites.google.com/site/arquivosdicasblogger/javascripts/page-nav.js?attredirects=0&d=1

Cole no html a parte que está em amarelo, ou seja, até a extensão .js

sexta-feira, 20 de janeiro de 2012

Problemas com novo sistema de comentários do Blogger

Após implantarmos a novidade de ativar respostas aos comentários, observamos que alguns de nossos leitores passaram a ter problemas ao abrir os posts do blog, como é o exemplo da leitora Villarte. Ao carregar a página do post, o leitor era direcionado até o final da página, o que, com toda certeza, é completamente desagradável.

Este problema, ao que tudo indica, está limitado ao navegador Firefox, onde a instabilidade foi identificada. Fizemos testes nos demais navegadores e o problema não se repetiu.

Considerando que praticamente 30% dos nossos leitores são usuários do firefox,  nossa "chefa" decidiu desativar a novidade até que a funcionalidade fique estável. Assim, os comentários permanecerão como  configurados anteriormente.

quarta-feira, 18 de janeiro de 2012

Ativar resposta aos comentários em nossos templates

recent-comments-application-logoO Teilor fez um post excelente sobre a novidade tão aguardada – resposta aos comentário no Blogger. Eu usei o tutorial do Mundo Blogger e deu certinho;  só que nos templates que eu faço,  o código a ser modificado é um pouco diferente. Tentei postar via comentário no próprio post do Teilor, mas não deu certo. Então, resolvi fazer este post, complementando o anterior.

Para quem usa os templates by Dicas Blogger

Entre em editar HTML e marque “expandir modelos de widgets”

Dê um Crtl+F com o teclado e procure por:

<b:include data='post' name='post'/>
      <b:if cond='data:blog.pageType == &quot;item&quot;'>
        <b:include data='post' name='comments'/>

image

Substitua tudo por:

<b:include data='post' name='post'/>
<b:if cond='data:blog.pageType == &quot;static_page&quot;'>
<b:if cond='data:post.showThreadedComments'>
<b:include data='post' name='threaded_comments'/>
<b:else/>
<b:include data='post' name='comments'/>
</b:if>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<b:if cond='data:post.showThreadedComments'>
<b:include data='post' name='threaded_comments'/>
<b:else/>
<b:include data='post' name='comments'/>
</b:if>
</b:if>



Visualize e salve. Veja como ficou no Dicas Blogger:



image



Fonte: Mundo Blogger

Novidade: respostas nos comentários do Blogger

Um dos recursos mais pedidos pelos usuários do Blogger foi finalmente implementado: a possibilidade de responder comentários nativamente. Veja o anúncio oficial no Blogger Buzz [em inglês].

Anteriormente, apenas era possível responder comentários usando alguns hacks ou substituindo o sistema nativo de comentários do Blogger por um sistema de comentários de terceiros, como por exemplo o Disqus ou IntenseDebate. Ter a opção de responder comentários adiciona um nível muito maior de interatividade e permite ao blogueiro manter uma conversa com seus leitores de maneira mais organizada dividindo diferentes discussões cada uma em sua thread.

Caso você use alguns dos templates oferecidos pelo Blogger, para ter a resposta a comentários no seu blog; basta você ter certeza de que seu blog disponibiliza feeds completos. Para verificar se você permite feeds completos acesse as Configurações do seu blog, na opção Outro no campo Permitir feed de blog e escolha a opção Completa.
feeds_completo
Depois, ainda nas Configurações do seu blog, acesse a guia Postagens e comentários e verifique no campo Local do comentário esteja selecionada a opção Incorporado.
comentarios_incorporados
Caso as configurações citadas acima estejam habilitadas no seu blog e mesmo assim não aparecerem os links para respostas nos comentários é provável que você esteja usando um template personalizado ou com muitas modificações que impedem o funcionamento desta nova possibilidade.

Neste caso recomendo que você dê uma lida nos artigos Ativar opção Responder Comentário padrão do Blogger, no blog Mundo Blogger ou em Como habilitar os Threaded Comments em templates CUSTOMIZADOS no CrazySeaWolf’ Blog; ambos ensinam como usar o novo recurso em blogs com templates personalizados.

Recomendo ainda que você dê uma no artigo Resposta à comentários na Central de Ajuda do Blogger.

sábado, 14 de janeiro de 2012

Check list para otimizar seu blog

Dude_Writing_Check_List

Já escrevi aqui, em outras ocasiões, diversos artigos sobre a importância do layout e do template de um blog; tanto no que se refere à usabilidade, quanto a estética. Um blog onde as principais informações estão acessíveis, faz com que o visitante fique nele por mais tempo, aumentando as visualizações de páginas e diminuindo a taxa de rejeição. É também, através do template, que cuidamos das táticas de SEO, a fim de que o blog seja bem indexado junto aos mecanismso de busca.

Sendo assim, elaborei uma check-list com os ítens que não podem faltar em um template, tanto na parte externa, quanto interna (HTML). Esses são os ítens que utilizo em meus blogs e de meus clientes.

No HTML do template

Antes de mais nada, quero lembrar que mudanças no HTML podem causar problemas para quem não tem habilidade. Recomendo a criação de um blog de testes para aprendizado, sem correr o risco de causar danos a seu blog.

Seja um template do Blogger ou um criado pelos usuários, é essencial que o HTML e o CSS estejam organizados. Portanto, escolha bem que template usar em seu blog.

Uma vez escolhido o template, comece otimizando as metatags

Inclua agora os seguintes itens:

Essa é a lista básica para otimizações dentro do HTML. Para outras funções, acesse o marcador Template/Layout

Nos elementos de página (gadgets)

Estes são os gadgets que não podem faltar em um blog:

Feed Burner

Recomendo queimar o feed, fazer a configuração no Blogger e usar 2 gadgets: feeds por email e o contador de assinantes

Contador de estatísticas

Recomendo o uso de pelo menos um, em especial o Google Analytics

Tradutor

Imprescindível para os visitantes de fora do Brasil

Caixa de busca/pesquisa

Possibilita que o visitante busque outros artigos de seu interesse.

Artigos Recentes

Mostra os últimos posts, convidando o visitante a conhecer o blog mais profundamente.

Marcadores

Mostra uma espécie de índice de posts por tema. Além de organizar, também mantém o leitor mais tempo no blog.

Arquivo do Blog

Mostra todos os posts do blog, separados por data

Você pode incluir o gadget do próprio Blogger e/ou criar um sitemap

Seguidores

Este é o gadget que possibilita que o leitor “siga” o blog, ou seja, que receba suas atualizações diretamente no painel do Blogger

Banner para divulgação do blog

Possibilita que o visitante insira no blog dele, um banner divulgando o seu blog.

Outras funções importantes

Ativar versão mobile

Com o avanço constante dos smartphones, é altamente recomendável ativar a versão mobile de seu blog

Configurar os comentários

Recomendo a moderação dos comentário sempre.

Usar domínio próprio

Não é essencial, mas confere um ar mais profissional.

Configurar Google Webmaster Tools

Mais uma boa tática de SEO.

Habilitar o Favicon

Puramente por estética ;)

Eu ando meio enferrujada (risos), então se eu esqueci de algo, gritem.

Contador de usuários online do Analytics

O serviço de estatísticas Google Analytics, também está com uma nova interface e me pareceu muio superior à anterior. Uma das novas funções que me chamou a atenção, foi a possibilidade de sabermos quantos usuários estão online em nosso blog em tempo real. Para acessar esta importante informação, entre no painel do Analytics, escolha o blog que será visualizado e clique em “página inicial”. Na coluna da esquerda, clique em “tempo real (beta)” e depois em “visão geral”.

image

O que eu notei, é que tais dados não estão em consonância com outros contadores online que utilizo. Por exemplo, enquanto o Analytics mostrava 30 online, o Histats mostrava 55 e o Whos mostrava 60. Desconheço a causa dessa diferença.