“Top Comentaristas” especial – primeiro widget by My Blog Series

  Olá. 
Não costumo publicar muitas dicas sobre como personalizar o blog, pois há muitas páginas com este fim, mas consegui fazer uma adaptação de um código que encontrei no blog espanhol El Escaparate e como achei que ficou legal e diferente dos demais, após pedir permissão, resolvi compartilhar o widget, para quem quiser acompanhar e linkar os comentaristas mais assíduos, nada mais justo, pois vale como uma forma de retribuição à audiência leal e constante.

Este widget está diferente do original, portanto, se você preferir, poderá aplicar na forma como fez a criadora, a amiga Rosa, no link acima.

Mesmo que você não seja muito compatível com o código html, não deverá ter dificuldade em aplicar, mas havendo, post as dúvidas nos comentários que tentarei auxiliar. Vamos ao que interessa então.

 

1. No Painel do Blogger, clique em “Adicionar um Gadget” e escolha “HTML/JavaScript”.
Na tela que surge, digite um título qualquer, tipo “Top Comentaristas” e cole o código abaixo no campo inferior.

<div id="topcoment">
<script type="text/javascript">
function pipeCallback(obj) {
document.write('<ul>');
var i;
for (i = 0; i < obj.count ; i++) { var href = "'" + obj.value.items[i].link + "'"; if(obj.value.items[i].link == "") var item ="<li>" + obj.value.items[i].title + "</li>"; else var item = "<li>" + "<a href=" + href + ">" + obj.value.items[i].title + "</a> </li>"; document.write(item); } document.write('</ul>'); } </script> <script src="http://pipes.yahoo.com/pipes/pipe.run?_render=json&_callback=pipeCallback&_id=a55cb97ebb368bb1b89b7f6bdeb35336&url=http%3A%2F%2Fmeu-blogue1.blogspot.com&num=10&filter=Gato Guga, Adm" type="text/javascript"></script>
</div>
<center><a href="http://meu-blogue3.blogspot.com/2009/07/top-comentaristas-no-blog-facil-de.html"
target="_blank"><small>Widget by My Blog Series</small></a></center>

2. Observe os campos destacados em vermelho, alterando-os:
a) meu-blogue1.blogspot.com para o endereço url de seu blog, sem o http:// mesmo.
b) 10 para a quantidade de comentaristas que você pretenda ter, tipo 5, 15, 20, 30 etc.
c) Gato Guga, Adm para o seu nome, senão você será um dos comentaristas, pois certamente replica os comentários de seus leitores. Você poderá indicar mais de um nome para não constar da lista, separando-os por vírgula. Clique no botão “Salvar”.

3. Agora, vá em “Editar HTML” e clique em “Baixar modelo completo” (para guardar um backup de seu template e poder recuperar em caso de algo sair errado).
Feito isso, clique em “Expandir modelos de widgets” e depois use a tecla F3, caso use o Firefox, para localizar esta linha no código de seu template:
]]></b:skin>

4. Cole, imediatamente acima da linha, apenas as 4 primeiras linhas do código que se vê abaixo.
Você pode indicar outro endereço de sua imagem preferida, que deverá ter 30 pixels, ou usar da forma como vê abaixo, pois a imagem se encontra em minha conta do ImageShack. Tenha atenção, pois deverá ficar assim, lembrando que o destaque em azul já existe e não deve ficar duplicado.

#topcoment li{
padding-left: 30px;
background: url(http://img385.imageshack.us/img385/3509/comentaristas.png) no-repeat top left;
}
]]></b:skin>

5. Clique no botão inferior “Visualizar” e confira o seu widget. Estando tudo ok, clique em “Salvar modelo”.

Fechou.

Detalhe: Eu adaptei o código para que fique conforme a imagem acima, porém, a criadora ensina como manter uma lista numerada dos comentaristas, (sem as figurinhas), o que achei muito comum. Se preferir, visite o blog e siga as instruções da amiga Rosa.

Solicito que você não retire os créditos, para que outras pessoas possam fazer uso do recurso.

Se você aplicar o “Top Comentaristas” em seu blog, queira comentar aqui, pois será um prazer visitá-lo para agradecer.

É isso.

Update, 31/07/2009:
Estão utilizando o “Top Comentaristas by My Blog Series”. Avise-me para publicar seu link aqui.
Tech News, Plaidy, Blog do Ananias, Conhecendo o Piauí, Reino Inimaginável do Mr. Jones, Sempre em dia, Um pouco de mim, Alma Poeta, Blog do Pharis, O Mundo de A a Z, Sussurando Poesias, Em Versos e Prosas, Mente Inquieta Procura Resposta, Estudando, Pitangas pelo mundo, Amor Insano, Links e Links, Pérolas Esparsas,    

Importante: O amigo Thiago Reis, alertou que o widget não rola em blogs Wordpress e prometeu encontrar um plugin. Pedirei autorização para publicar a dica dele aqui, para quem uso o Wordpress. Acompanhe.

Update, 10/08/2009:
O amigo Thiago Reis conseguiu o plugin do “Top Comentaristas” para Wordpress. Se você usa o WP e quer experimentar, baixe neste link ou visite o Thibireis.Info para vê-lo em funcionamento.

Todos os créditos mantidos para a criadora: El Escaparate