En esta entrada, les voy a enseñar a agregar pulgares de votación a los comentarios de Blogger, aunque ya había publicado varios trucos de pulgares de votación en este blog, todos ellos eran para los comentarios antiguos, pero este truco funciona con los nuevos comentarios anidados de Blogger.

Los pulgares se ven en los comentarios de la siguiente manera:

Para agregar los pulgares de votación primero ve a Diseño, Editar HTML y busca la siguiente linea.

]]></b:skin>

Arriba de la anterior linea pega lo siguiente:

 .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}

Ahora busca lo siguiente:

 (function() {

Elimina el anterior código y en su lugar pon el siguiente:

var items_copy=[];
(function() {

El siguiente paso es buscar el siguiente código:

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

Borra la anterior linea y en su lugar pon el siguiente codigo:

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

Ya habiendo hecho lo anterior, busca ahora al siguiente linea:

 <data:post.commentHtml/>

Para finalizar pega justo debajo del anterior código lo siguiente:

<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>
Solo queda guardar los cambios y disfrutar de este genial truco,
Si quieres poner otro pulgar que te guste mas, solo debes buscar la siguiente URL y reemplazarla por al URL de la imagen que quieras.

http://lh6.ggpht.com/-smRIL9DaITs/UM9cIp-I8bI/AAAAAAAABeM/wAw1Z1sgj78/s10/like.png

Espero que te sea de utilidad este truco, y si tienes alguna duda o solo quieres comentar, no dudes mas y comenta ahora mismo 😉


16 comentarios

Anonymous · septiembre 30, 2013 a las 4:19 pm

muy bueno pero una prgunta, al momento de pulsar en el pulgar se ven los votos? dodne se guardan los votos de cada comentario? (en caso de que lo anterior sea cierto) y por ultimo se podria agregar uno de voto negativo?, gracias por el tiempo 😀

    Hayder Juvinao · septiembre 30, 2013 a las 8:52 pm

    Claro que al pulsar en el pulgar se ven los votos, los datos de los votos los aloja Blogger, pues por ahora no he visto la forma de agregar un voto negativo.

    Saludos

    Gustavo Go · junio 13, 2014 a las 6:10 pm

    Digo yo, que si se pone doblemente la función con un pulgar negativo, no serviría como voto negativo?…

Jonathan LR · septiembre 30, 2013 a las 4:33 pm

Que buen truco 😀 ! me sirvió

Lina San · septiembre 30, 2013 a las 5:03 pm

Muy Interesante ewe haber que tal me sale e.e

Arigato ~|(^-^)|~

Carlos Valle · septiembre 30, 2013 a las 7:51 pm

Buenas, con el nuevo blogger me cuesta encontrar algunos comandos en htlm. Voy a plantilla, pincho en editar plantilla y con control F busco: ]]> y no me lo encuentra. Me podrían ayudar. gracias

Juan Gartner · octubre 11, 2013 a las 9:55 pm

Este comentario ha sido eliminado por el autor.

Anonymous · diciembre 13, 2013 a las 1:13 am

no funciona

Jose Maria Mera · marzo 22, 2014 a las 5:49 am

Muy bueno me sirvió, pero al principio me fue bien, pero cuando doy like y entro de nuevo en la pagina, no se acumulan los puntos, que puede ser, gracias de antemano. un saludo.

xperia92 · marzo 30, 2014 a las 5:56 am

Gracias man y para los comentarios de Facebook

    Hayder Juvinao · marzo 30, 2014 a las 4:46 pm

    Amigo los comentarios de Facebook tienen sus propio sistema de votación.

    Saludos

Anonymous · junio 11, 2014 a las 9:36 pm

Hay alguna forma de ponerlo en la parte derecha de los comentarios? gracias y saludos

Deja una respuesta

Marcador de posición del avatar

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *