Adblock Detectado

Nuestro sitio se mantiene gracias a la publicidad, por favor Desactiva Adblock para seguir navegando

He desactivado Adblock
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='http://lh6.googleusercontent.com/-cchblzXPp8I/TgNJpMz-aMI/AAAAAAAAB1Q/NAzNcNF-dxk/s50/blogger-nophoto.png';
var another_au='http://lh3.googleusercontent.com/-OHvAL1zTgZM/TtInH36F1jI/AAAAAAAACB8/Jhnxo7yCjlc/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
- - 0 Comentarios
Tag

Comentarios (0)

:))
:((
:D
:(
:)
:-)
;)
=))
:p
=.=
==
^_^
/=he
:*
/=r
/=l
:v
/=ok
/=clap
(y)
(yy)
/=hi
/=j
/=hup
/=hd
/=hl
/=hr
/=s
<3

Instrucciones Para omentar

Incertar Enlace

Utilice el codigo <a href='LINK'> EJEMPLO </a>

Cargar Imagen

[img] LINK_ANH [/img] -Use el codigo para cargar una imagen.

Formato Word

<b> negrita </b>
<i> cursiva </i>
<u> texto subrayado </u>
<strike> texto tachado </strike>

Insertar un Fragmento de codigo

Primero use esta herramienta para codificar el codigo que quiera agregar.
Luego utilice el codigo [code] CODIGO HTML [/code]

Cerrar