En este tutorial veremos como agregar pulgar Me Gusta en los comentarios en Blogger. Muchos sabemos que pulgar arriba fue creado por la famosa pagina Facebook. Hoy veremos como agregarlos a blogger de una manera muy fácil.



Antes de Comenzar veremos una demostración

Comencemos


  • Paso 1: Vamos a Blogger>>Plantilla>> Edición HTML>>Expandir Plantilla de Artilugios
  • Paso 2: Buscamos la siguiente linea (Ctrol + F)
]]></b:skin>

  • Paso 3: Justo por encima de ]]></b:skin> pegamos el siguiente código  
.like-cm{margin-top:15px;width:10px;height:10px;background:url(http://lh6.ggpht.com/-smRIL9DaITs/UM9cIp-I8bI/AAAAAAAABeM/wAw1Z1sgj78/s10/like.png) no-repeat}
  • Paso 4: Busque el siguiente código  
(function() {

  • Paso 5: Remplazarlo por el siguiente 
var items_copy=[];
(function() {
  • Paso 6: Busque el siguiente codigo 
var items = <data:post.commentJso/>; 

  • Paso 7: Remplazarlo por el siguiente

var items = <data:post.commentJso/>; items_copy=items;

  • Paso 8: Busque la siguiente linea 
<data:post.commentHtml/> 

  • Paso 9: Justo por debajo de <data:post.commentHtml/> pegue el siguiente código
 <script type='text/javascript'>
var likeurl='<data:blog.url/>';
//<![CDATA[
for(i=0;i<items_copy.length;i++){a=document.getElementById('c'+items_copy[i].id);gl="'"+items_copy[i].id+"'";b=a.innerHTML+'<div class="like-cm" onmousemove="likecom('+gl+')"><div id="like-cm'+items_copy[i].id+'"></div></div>';a.innerHTML=b}function likecom(i){var a=document.getElementById('like-cm'+i);if(a){a.innerHTML='<iframe style="margin:-6px 0 0 -13px" frameborder="0" allowtransparency="true" scrolling="no" height="20" src="http://www.blogger.com/blog-post-reactions.g?options=[Like]&textColor=%23666666#'+likeurl+i+'" width="100"><\/iframe>'}}
//]]>
</script>

  • Paso 10: Guardamos los cambios realizados en nuestra Plantilla y Listo a disfrutar de tus Comentarios
Nota:- Si quieres puedes cambiar el icono del Pulgar me gusta por el que quieras  http://lh6.ggpht.com/-smRIL9DaITs/UM9cIp-I8bI/AAAAAAAABeM/wAw1Z1sgj78/s10/like.png 
- - 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