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(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhCrEFhbvQx3MjUBOJGSESBlpbh4XmIgs897FtEfQVSY33agO95JCu-imKAHv9WLs7VcI0JVono2FQ61PgabrXMFQlrLTYXFE5m28-tPn7DzspbSIKBG3PAebHb1MwAVhtB-wYwhZVeFFM/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.
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhCrEFhbvQx3MjUBOJGSESBlpbh4XmIgs897FtEfQVSY33agO95JCu-imKAHv9WLs7VcI0JVono2FQ61PgabrXMFQlrLTYXFE5m28-tPn7DzspbSIKBG3PAebHb1MwAVhtB-wYwhZVeFFM/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 ;)