Tutoriales Sobre Blogger: Top de Comentarios para Blogger

Hemos visto que Wordpres tiene una gadget de top de comentarios, ahora bien , en esta entrada te mostraremos como agregar una gadget con Top de comentarios en blogger , es decir un contador de comentarios para cada usuario.

Nota:- Comentarios Anónimos no se suman en este articulo
 Cada Comentario tendrá su Avatar

OK si te gusta este gadget solo ahí que seguir estos simples pasos

• Paso 1: Vamos a Blogger>>Diseño>>Añadir un gadget>>HTML/Javascript
• Paso 2: Pegamos el siguiente código en el gadget 

<style type="text/css">
.top-author ul li {
list-style:none;
width:250px;
height:45px!important;
border-bottom:1px solid #ccc;
margin-top:5px;
display:block!important;
}
.tau-cont {margin-left:38px;}
.tau-cont h4 {margin:0;padding:0;}
.tau-cont span {color:#555;}
img.tau-thumb {
float: left;
margin-right: 10px;
border: 1px solid #CCC;
padding: 0;
width: 36px;
height: 36px;
}
</style>
<script type="text/javascript">
var no_photo='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEis2LPB4wp3cVP3puGscwrwwbsTT886_kVx784A4eVvbB2aSqp2fmJ4yy8cN_na0QF392vaO7lUsxv6Yd83OPJF-qVABYC79YqWeX9lU55P7_Ksm7pQdZBbp95iQCqPNFRQb_A3tVT06Azb/s50/blogger-nophoto.png';
var another_au='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjT74RDOdKt9W7OdFqQP8e836aYbzAJHOzjYxf6shcujvn_hZA3ndWbgaPayZlUWY9R8a-UMG4ZJcRD_myHQeErj6_6CbGRFqV6-0mrUxz13YukNpqaiy1NE0qUdyQRBULdWE-4cS_RI1-g/s23/another-ico.png';
var au_nums=5;
var rcm_nums=100;
var homepage="http://tutorialesblogger.blogspot.com.ar/";
</script>
<div class="top-author">
<script type="text/javascript" src="http://namknablog.googlecode.com/files/top-author.js"></script>
</div>

• Paso 3: Agregamos un titulo al gadget. Ejemplo: "Top de Comentarios" y guardamos

Nota:- 
var no_photo: Usuario no tiene foto, tendrá una por defecto
var au_nums=5: Cantidad de Autores que Aparecerán
var homepage= URL de tu blog