Widgets Postagens Populares no seu blog

Recentemente o Blogger liberou um novo widget, onde são mostradas as postagens mais populares do seu blog de acordo com o número de acessos, disponível no painel em “Elementos da Página”.

Esse widget pode ser configurado para mostrar as postagens mais visualizadas no total, nos últimos 30 dias ou da última semana. Além de ser possível colocar miniaturas de imagem ou snippet (fragmentos da postagem).

 

O sistema como eu disse, mostra as postagens com o maior número de acessos únicos, não por número de comentários ou algo do tipo.

Agora ninguém vai precisar depender de um código POG (Programação Orientada a Gambiarras) para tal função. =]

abraços
[...]

0 Assinantes Feed? Erro no Widget?

Ultimamente estou recebendo muitos comentários e e-mails com a seguinte pergunta:

“Meu widget feed que você criou está dizendo que tenho 0 assinantes, como arrumar esse erro?”

Então vamos explicar detalhadamente aqui para todo mundo entender:
O FeedBurner oferece duas formas de contador de assinantes, um widget próprio conhecido pela grande maioria, exemplo:

E um código simples em XML (ou outra codificação) com algumas informações, disponível para desenvolvedores (programadores) criarem funcionalidades ou simplesmente widgets.
Através desse arquivo XML (disponível para todas as contas), eu criei um contador que puxa as informações por meio de um código PHP, algo também simples, porém funcional para qualquer plataforma de blog ou para qualquer site.

O que acontece é que essa segunda opção é atualizada pela manhã, ou seja, o robô faz o calculo dos assinantes durante o dia. E para o contador do seu blog não ficar trabalhando de mais (sendo atualizado toda hora, o que sobrecarregaria o sistema, pesando inclusive seu blog), ele (o contador visível) é zerado até que a contagem do dia seja finalizada, exibindo após isso acontecer o valor correto (ou aproximado).
Resumindo, o “problema” não está no meu código ou no meu widget e sim na forma de atualização do FeedBurner.
Para você ter uma idéia, basta visualizar outros blogs que usam algum código desse tipo, um exemplo é o ControleRemoto.tv.

Já no widget pronto disponível por eles é diferente, o número nunca é zerado (só quando acontece algum bug). Por ser uma imagem ela é alterada quando chegam novos dados no sistema.

Claro, isso não justifica a falha no sistema do FeedBurner, pra mim é pura falta de interesse deles em resolver o problema. Então me desculpem, mas não posso fazer mais nada.

Obs.: Não vejo problemas em exibir por algumas horas o contador zerado.
Obs.2: Alguns dias o contador continua marcando 0 assinantes por muitas horas. O que é normal, infelizmente.

Leia mais sobre o widget:

• Widget contador Feed + Twitter + Comentários + Postagens
• Widget contador de assinantes feed e seguidores do Twitter

[...]

Sistema anti-spam no Blogger

A última novidade que o Blogger trás no momento é uma “arma” indispensável atualmente, um filtro anti-spam para nos protegermos de engraçadinho que acham no direito de fazer propaganda onde quiser, quando quiser, sem ao menos disfarçar.
O novo sistema está sendo implantado aos poucos, então não se assuste caso seu painel ainda não tenha sido modificado.
Ontem pela manhã alguns de meus blogs (incluindo blogs de testes) foram atualizados e já estão com o recurso ativado, recebendo então as seguintes modificações:

aviso no painel

Após efetuar seu login, no blog que o recurso estiver ativo, você vai encontrar a palavra “Comentários”:

Ao clicar na palavra você encontrará 3 abas de opções:

- Publicados

Nada mais é que todos os comentários já publicados em seu blog ordenados por data, do mais recente para o mais antigo.
Caso tenha algum comentário já publicado que você considera spam, marque-o e clique no botão “SPAM”. Assim seu comentário será desativado e ficará na “lista negra” dos comentários.

- Aguardando Moderação

Aqui ficam reunidos todos os comentários não aprovados e não excluídos que aguardam sua aprovação (ou não).
Também é possível marcar os comentários considerados spam e mandar ele para a próxima aba.
Isso só é visível para quem modera os comentários, caso você não ative essa opção, essa aba não será necessária no momento.

- Spam

Todos os comentários considerados spam por você ou considerados automaticamente pelo sistema, são encaminhados para essa página. Como o sistema também funciona de forma automática, é sempre bom dar uma olhada no que ele anda bloqueando (por segurança).

Acreditamos que os autores dos spams serão marcados e inclusos em uma “lista negra” do Blogger, onde mais cedo ou mais tarde podem ser punidos pelo excesso de comentários marcados. O que é uma hipótese, mas caso isso não aconteça à nova funcionalidade ainda é muito interessante, pois permite que a freqüência de comentários inúteis venha a cair.

Uma novidade supimpa! =]
Um grande abraço.
[...]

10 Códigos específicos para criação de um template para Blogger

 Para desenvolver um template para Blogger não precisa mais do que criatividade, vontade e o básico de conhecimento em HTML.
Quando digo criar, é apenas modificar! Pois não há necessidade alguma em decorar e reescrever todos os códigos específicos do Blogger, basta criar seu próprio layout com um esqueleto básico pronto.
Ninguém precisa memorizar tantos códigos. Por isso quando descubro algo novo do Blogger (codificação), anoto no bloco de notas e salvo para quando eu precisar de novo, não ficar perdido que nem louco atrás de algo que já usei.

Então hoje, vou mostrar algumas funções bem básicas para usar em seu template dentro da parte das postagens.
1) Hora da postagem

<span class='post-timestamp'>
<b:if cond='data:top.showTimestamp'>
<data:top.timestampLabel/>
<b:if cond='data:post.url'>
<a class='timestamp-link' expr:href='data:post.url' rel='bookmark' title='permanent link'><abbr class='published' expr:title='data:post.timestampISO8601'><data:post.timestamp/></abbr></a>
</b:if>
</b:if>
</span>

2) Dia da postagem

<b:if cond='data:post.dateHeader'>
<h2 class='date-header'><data:post.dateHeader/></h2>
</b:if>

3) Número de comentários

<span class='post-comment-link'>
<b:if cond='data:blog.pageType != &quot;item&quot;'>
<b:if cond='data:post.allowComments'>
<a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><b:if cond='data:post.numComments == 1'>1 <data:top.commentLabel/><b:else/><data:post.numComments/> <data:top.commentLabelPlural/></b:if></a>
</b:if>
</b:if>
</span>

4) Marcadores usados na postagem

<span class='post-labels'>
<b:if cond='data:post.labels'>
<data:postLabelsLabel/>
<b:loop values='data:post.labels' var='label'>
<a expr:href='data:label.url' rel='tag'><data:label.name/></a><b:if cond='data:label.isLast != &quot;true&quot;'>,</b:if>
</b:loop>
</b:if>
</span>

5) Autor da postagem

<span class='post-author vcard'>
<b:if cond='data:top.showAuthor'>
<data:top.authorLabel/>
<span class='fn'><data:post.author/></span>
</b:if>
</span>

6) Icone recomendar postagem para um amigo

<!-- email post links -->
<b:if cond='data:post.emailPostUrl'>
<span class='item-action'>
<a expr:href='data:post.emailPostUrl' expr:title='data:top.emailPostMsg'>
<img alt='' class='icon-action' height='13' src='http://www.blogger.com/img/icon18_email.gif' width='18'/>
</a>
</span>
</b:if>

7) Icone editar postagem

<!-- quickedit pencil -->
<b:include data='post' name='postQuickEdit'/>

8) Texto explicativo antes do fomulário de comentários

<p style='margin-left: 56px;'><data:blogCommentMessage/></p>

9) Votos de qualificação da postagem

<span class='reaction-buttons'>
<b:if cond='data:top.showReactions'>
<table border='0' cellpadding='0' cellspacing='0' width='100%'><tr>
<td class='reactions-label-cell' nowrap='nowrap' valign='top' width='1%'>
<span class='reactions-label'>
<data:top.reactionsLabel/></span>&#160;</td>
<td><iframe allowtransparency='true' class='reactions-iframe' expr:src='data:post.reactionsUrl' frameborder='0' name='reactions' scrolling='no'/></td>
</tr></table>
</b:if>
</span>

10) Backlinks

<!-- backlinks -->
<span class='post-backlinks post-comment-link'>
<b:if cond='data:blog.pageType != &quot;item&quot;'>
<b:if cond='data:post.showBacklinks'>
<a class='comment-link' expr:href='data:post.url + &quot;#links&quot;'><data:top.backlinkLabel/></a>
</b:if>
</b:if>
</span>

Para inserir algum código acima, faça login no Blogger, entre em “Design” -> “Editar HTML”. Marque a caixa “Expandir modelos de widgets”.
Você deve usar qualquer código acima entre:

<b:includable id='post' var='post'>
e
</b:includable>

Dentro dessa limitação não existe lugar específico para inserir nada. Então para quem não conhece é comum colocar no lugar errado. Meu conselho é: Faça backup e teste! Testar é a palavra-chave que vai fazer você aprender a criar seu próprio template. Se você tem medo de testar, acredite... Não vale a pena nem começar a trabalhar com os códigos.
Abraços
[...]

Estou de volta!

Estava precisando de férias! Então deixei o blog de lado um pouco, “abandonei” o Twitter e diminui meus trabalhos como freelancer, isso durante o mês de Julho.

Resolvi tirar uma folga dessa rotina, por isso não avisei ninguém e coloquei o PC de repolso. Aproveitei bastante, diverti e descansei muito! Isso me fez muito bem. Mas agora estou de volta!

abraços =] [...]

Novidade! Contador de visitas integrado ao Blogger

A equipe do Blogger trabalhou e não dormiu essa noite! =]
Nesta madrugada o Blogger implantou o seu mais novo recurso, o Contador de Acessos Incorporado no painel de administração do Blogger in Draft.
Por enquanto o sistema é 100% acessível no Painel de Testes do Blogger (Blogger in Draft), mas em algumas contas (não pergunte por que) o sistema também está acessíveis no painel principal (Blogger.com).

O grande diferencial desse contador é que podemos ter dados quase em tempo real (de uma em uma hora), assim podemos avaliar a melhor forma de propaganda, o melhor horário e o site/blog que mais nos envia visitas em um deternimado momento. Além do mas não é necessário incluir nenhum código no template.

O contador conta com um grande número de informações extras, como de onde vem as visitas, quais o navegadores usados pelos visitas, quais os sistemas operacionais, quais as postagens mais visualizadas, quais os paises que mais acessaram o blog, etc. Resumindo: É um sistema de primeira!

Para acessar as estatisticas:

1 – Faça login no Blogger in Draft;

2 – Clique em “Estatísticas” e pronto! Caso tenha dúvidas no que está escrito em Inglês, use o Google Tradutor.

Uma grande novidade! O que resta agora é acompanhar os números e ver se está de acordo com os grandes contadores, como o Google Analytics. Provavelmente está, pois é bastante semelhante (aparentemente), então suspeito (acho, não estou dizendo que é isso, blz?) que seja apenas uma integração com o contador oficial do Google. Claro, com algumas modificações.

Leia também:

• Introducing Blogger Stats

[...]

Promoção 3 anos de Códigos Blog!

• Atualizado:  27/07/2010

É com muita luta e trabalho que dia 10 de Julho o Códigos Blog completa 3 anos de vida!
Um simples blog que visa passar minha experiência na blogosfera através de tutoriais, dicas e templates = Códigos Blog.
De 2007 pra cá vim acumulando bastante história e conhecimento. Vi pequenos blogs crescerem, mas vi inclusive muitos bons blogs fechando as portas. Sim, é bastante história, mas odeio embromação! Estou aqui para comemorar junto com vocês mais um ano no ar!

E para não perder o costume, vamos fazer uma promoção! Eu andei pensando em sortear um carro, mas achei muito sem graça, pois não tem nada a ver com blogs, internet e tal (claro que é mentirinha! Haha).
Agora falando sério, quero agradecer a Loja Geek por patrocinar nossa promoção! Graças a essa grande Loja, vamos fazer uma grande promoção.
Também quero agradecer ao Marcos Lemos do Ferramentas Blog, pois liberou uma copia do e-book “Blogar – O processo de criação de blogs!” para a promoção. Um bom material pra quem busca profissionalismo.

Quais os prêmios?

• 1º Lugar – Uma camiseta Star Wars da Loja Geek + Um Button Star Wars da Loja Geek + Um template/tema personalizado para Blogger ou Wordpress + Um Logotipo criado por mim + Um e-book “Blogar – O processo de criação de blogs!”;
• 2º Lugar – Uma camiseta Star Trek da Loja Geek + Um Button Star Trek da Loja Geek + Um Logotipo criado por mim;
• 3º Lugar – Um domínio próprio (.com ou .net) com duração de 1 ano

Como participar?

Escreva uma postagem falando o que você aprendeu com os 3 anos de Códigos Blog, conte um pouco das mudanças que nosso blog trouxe para seu blog, mostre por que você realmente usa o Códigos Blog. Depois no final da postagem coloque a seguinte frase: 

“Estou participando da promoção - 3 anos de Códigos Blog patrocinado pela @lojageek! - http://bitw.in/promocaoCB”

Para finalizar comente nesse post dizendo que você está participando e compartilhe o link da postagem feita por você.

Obs.1: Não precisa escrever um post lisonjeando ao extremo o Códigos Blog, mas seja criativo e mostre o que mudou em seu blog a partir do momento em que você começou a usufruiu das dicas aqui postadas.
Obs.2: A frase no final do post deve estár linkada em @lojageek e para a promoção com o seguinte link: http://bitw.in/promocaoCB

Datas da Promoção

• O período de inscrição e envio das postagens vai de 26/06/2010 a 23/07/2010 (até as 23h 59min).
• Dia 24/07/2010 vou fazer o sorteio e salvar o resultado.
• Até dia 28/07/2010 eu publico o resultado de toda a promoção.

Quem não pode participar?

• Blogs com conteúdo pornográfico, racista, preconceituoso, pirata, plagiado ou algo do tipo.
• Blogs com menos de 3 semanas de existência

Obs.1: Blogs em Wordpress serão aceitos, mas o primeiro prêmio que contém um template para Blogger é somente para Blogger, o ganhador não tem direito a um tema Wordpress ou de outra plataforma.

Atualizado: Graças ao Fernando do Blogueiros na Web, você pode escolher entre um template para Blogger ou um tema para Wordpress. =] 

Obs.2: Não será aceito postagens com ofensas (ofensa não é igual à crítica).

O Sorteio

Todo participante que deixou seu link nesse post e está seguindo as regras, receberá um número de participação mostrado aqui no final do período de inscrição (gerado de acordo com a sequência dos comentários).
Depois de finalizado as inscrições, vou usar o Random.org para fazer o sorteio dos números, onde vou sortear por ordem (1° ganhador, 2° ganhador e3° ganhador).

Entrega dos prêmios

O E-book será entregado pelo Marcos Lemos via e-mail e os outros prêmios serão de minha responsabilidade de entrega.

Boa sorte!

---

Atualizado:
Os participantes que entraram na promoção de acordo com as regras e deixaram um comentário aqui foram poucos. Não esperava muito, pois fiz uma promoção muito fechada. Sempre tive conciência que poucas pessoas iam participar, todavia meu objetivo principal era conhecer melhor que os meus leitores buscam e o que eles mais gostam aqui no CB.
Estou muito satisfeito e animado com algumas mudanças que pretendo fazer! =]

Os participantes são:
1- Escritos Ideológicos
2- Blog do Jonathaan
3- Emulationgamer
4- Bloguinho das Dicas
5- Pracabá
6- Dicas para Blog
7- Caderno do Povo
8- Menino do Computador
9- Digital News
10- Baixe a Palavra
11- Vamos Rir
12- Dropex Info

O resultado final foi...

Primeiro:

Segundo:

Terceiro:

Resultado:
1º -  Digital News
2º - Caderno do Povo
3º - Menino do Computador

Quero agradecer a todos que participaram, a todos que deram os parabéns para o meu trabalho e ao Códigos Blog.
Os vencedores: Me procurem o mais rápido possível! Prazo máximo: 11/08/20010=]

Aguardem... Prometo uma promoção menos exigente! xD
Obrigado. [...]

Como mudar o domínio do blog

Muitos usuários do Blogger encontram dificuldades na configuração de seus blogs. Isso é mais do que normal para quem ainda não tem afinidade com a plataforma.
Devido ao número de dúvidas sobre o painel, vou criar posts simples e bem diretos, explicando como fazer pequenas mudanças (talvez de muita importância).

Para começar vamos aprender a mudar o link do seu blog, sem ser para um domínio próprio.

1 – Faça login do Blogger, entre em “Configurações”-> “Publicação”.

2 – Procure o título: “Configurações avançadas” e onde está “Seu domínio”, escreva o novo endereço do blog.

3 – Digite o seu novo endereço no campo.

4 – Escreva o código de confirmação (Verificação de palavras) e clique em “Salvar Configurações”.

Obs.: Caso o endereço não esteja disponível, você será avisado.
Leia também:

• Como colocar domínio próprio no Blogger

[...]