Adblock Detectado

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

He desactivado Adblock

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: 

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
- - 1 Comentarios
Tag

Comentarios (1)

:))
:((
: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