Tutoriales Sobre Blogger: Simple caja de comentarios recientes (Sin avatar)

Ya hemos visto muchas cajas de comentarios recientes para blogger en gadget en este tutorial veremos como agregar una caja de comentarios recientes  en la parte inferior de nuestro blog sin avatar.


Antes de comenzar veremos una demostracion: 

Demostración

Comencemos:

• Paso 1: Vamos a Blogger>> Plantilla>> Edicion HTML>>
• Paso 2: Buscamos la siguiente linea (Ctrol + F)

<data:post.body/>

• Paso 3: Justo por debajo de <data:post.body/> pegamos el siguiente código

<style type='text/css'>
#komentar {
  font:normal 11px Tahoma,Verdana,Arial,Sans-Serif;
  background-color:#AD3000;
  margin:0px 0px;
  padding:10px 10px;
  color:#ccc;
  border:4px solid #Ab3000;
  -webkit-box-shadow:inset 0px 0px 2px #000;
  -moz-box-shadow:inset 0px 0px 2px #000;
  box-shadow:inset 0px 0px 2px #000;
}
#komentar ul {
  margin:0px 0px;
  padding:0px 0px;
  border-top:1px solid #AD3000;
  border-bottom:1px solid #cD3000;
}
#komentar ul li {
  border-top:1px solid #AD3000;
  border-bottom:1px solid #cD3000;
  padding:3px 0px;
  list-style:none;
}
#komentar ul li b a,
#komentar ul li b a:link,
#komentar ul li b a:visited,
#komentar ul li b {
  color:#fff;
  text-shadow:0 1px 1px rgba(0,0,0,0.4);
}
#komentar ul :hover,a.komentar  ul:first-child {background-color: #f78d1d;}
#komentar ul li b:before {
  margin:0px 4px 0px 0px;
  display:inline-block;
  *display:inline;
  vertical-align:middle;
}
</style>
<script type='text/javascript'>
var jmlkomentar = 5,
    jmlkarakter = 55,
    home_page   = &quot;http://tutorialesblogger.blogspot.com/&quot;;
</script>
<script src='https://googledrive.com/host/0B22gz2tOJgiyb05GVTNqWTBMYkU/' type='text/javascript'/>

• Paso 4: Guardamos los cambios realizados

Nota:-  Solo debemos lo que esta en Rojo por la URL de tu blog