Tutoriales Sobre Blogger: Agregar pulgar Me gusta en Comentarios Blogger

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

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(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhDW5rwowH2mQqLxnKFxa6umWrSg-78a3EnKSKbGKU5MB-ZmW6MNM0EcD5EagEISLW7EgciL7ZftRmJQ1UjzKYZjY29A5phmLDcPhu65wnJd1fsDO3rsbjjMifLN_5upQ8Mw7sL8vLFNdA/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  https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhDW5rwowH2mQqLxnKFxa6umWrSg-78a3EnKSKbGKU5MB-ZmW6MNM0EcD5EagEISLW7EgciL7ZftRmJQ1UjzKYZjY29A5phmLDcPhu65wnJd1fsDO3rsbjjMifLN_5upQ8Mw7sL8vLFNdA/s10/like.png