En esta oportunidad les traigo un gran tutorial y es los pulgares de votación tanto para sus entradas como los comentarios.


Para agregar los pulgares en tus entradas,primero vamos a Diseño,Edicion HTML,Expadir plantilla de artilugios y buscas la siguiente etiqueta:

</body>

Encima de lo anterior pega lo siguiente:

<script charset='ISO-8859-1' src='http://dl.dropbox.com/u/28164309/Ayuda%20Bloggers/Recursos%20del%20Blog/RATINGSTHUMBS2.js' type='text/javascript'/>

Ahora buscas  <data:post.body/> y debajo de el pegas lo siguiente:

<b:if cond='data:blog.pageType == "item"'>
<div class="js-kit-rating" style='float:left;padding-left:4px;padding-bottom:6px; padding-right:0px;width:110px;height:90px;background: #fafafa;border:1px solid #f5f5f5;border-radius:2px;box-shadow:1px 1px 1px #969696;margin-top:-2px;' expr:path="data:post.url" expr:permalink="data:post.url" expr:title="data:post.title" imagesize="36x36" imageurl="http://1.bp.blogspot.com/-xFcwIBhJovk/TmKMLaE0wUI/AAAAAAAABlk/PKf9pu-JInI/s1600/thumbsbloggergrandes.png" view="score">
</div>
</b:if>

Cambia el valor float:left, por float:right si quieres que se sitúe a la derecha.

Guarda los cambios y listo.



Añadiendo los pulgares de votación en los comentarios:

Para añadir los pulgares en los comentarios omites el paso anterior y en su lugar buscas el codigo:

<data:commentPostedByMsg/>
</dt>

Y debajo añades lo siguiente:

<div id=’thumbscomentarios’ style=’float:right;margin-left:10px;margin-right:10px;margin-top:-18px;’>
<div class=’js-kit-rating’ expr:path=’data:comment.cmtBodyIdPostfix’ expr:permalink=’data:post.url’ expr:title=’data:post.title’ imagesize=’18×18′ imageurl=’http://2.bp.blogspot.com/-BGqiGTIcRk0/TmFVKNGH2rI/AAAAAAAABlA/Vvy-k9l7OSA/s1600/thumbsblogger.png’ view=’score’>
</div></div>

Guardas los cambios y listo.

Los pulgares en los comentarios se ven de la siguiente manera

Via/Ayuda Bloggers


30 comentarios

Anonymous · septiembre 4, 2011 a las 7:31 pm

:S

Juvinao · septiembre 4, 2011 a las 7:42 pm

Anónimo gracias por comentar 🙂

Daniel · septiembre 4, 2011 a las 11:12 pm

que cambio amigo…el diseno … = esta bien..saludos

Chiknaui.Mikistli Joel Molina Reyes · septiembre 5, 2011 a las 12:29 am

me gusta tu diseño… sigue asi mano
saludos

Cloudx18 · septiembre 5, 2011 a las 12:44 am

Un consejo:

NO CAMBIES ESTA PLANTILLA ESTÁ EXCELENTE!!

lo único que le faltaría sería un logo… ¿te hago uno?

Tengo una muy buena idea.

Saludos!

Juvinao · septiembre 5, 2011 a las 12:59 am

Daniel claro el diseño fue basicamente lo que cambio son mucho mas esteticos 🙂

Juvinao · septiembre 5, 2011 a las 1:01 am

Chiknaui.Mikistli Joel Molina Reyes gracias por comentar y me gusta mucho que mi nuevo diseño te encante..

Cloudx18 claro amigo cuando quieras me haces el logo,una ayuda siempre es bienvenida 😉

Dryken · septiembre 5, 2011 a las 1:15 am

Vaya pasada de plantilla compa, muy buena!

Juvinao · septiembre 5, 2011 a las 1:16 am

Dryken jeje amigo gracias :p

Cloudx18 · septiembre 5, 2011 a las 1:26 am

http://2.bp.blogspot.com/-9m6Uzb60s9c/TmQlCGXLc3I/AAAAAAAABlw/U6bAUppkPs8/s1600/miltrucosblogger12.png

Dime si te gusta, si no puedo hacer otro no tengo problemas 😉

Saludos!

ghernandez · septiembre 5, 2011 a las 1:39 am

Juvinao, antes de colocarlo, le queria preguntar si esto no estorba con los boton plus+.

Muchas gracias por su respuesta.

Iglesia Cristiana Evangelica

Juvinao · septiembre 5, 2011 a las 1:33 pm

Cloudx18 muchas gracias,me encanto mucho slo tuve que configurar el tamaño en Ps y listo,gracias 😉

Juvinao · septiembre 5, 2011 a las 1:34 pm

ghernandez no claro que no estorba debido a que son sistemas totalmente diferente :p

RodriigoPro · febrero 13, 2012 a las 12:43 am

Amigo anda pero cuando estas dentro de ella pero de fuera nose puede votar

    Juvinao · febrero 13, 2012 a las 8:18 pm

    RodriigoPro ha de ser un problema de incompatibilidad con tu plantilla,dejame tu plantilla y te pongo los pulgares.

DIOS HABLA HOY · marzo 4, 2012 a las 6:40 pm

A mi no me sale. Qué habré hecho mal?

    Juvinao · marzo 5, 2012 a las 2:54 pm

    DIOS HABLA HOY debes alojar el script en tu propio hosting para que el truco funcione.

Racoonmx · abril 7, 2012 a las 4:23 am

Hola me ayudo mucho tu post mil gracias…
pero tengo una duda, use el primer método(el que no es para comentarios), puse los pulgares en cada uno de mis post, pero cada vez que pongo el cursor encima me aparece el texto «votar comentario», no hay manera de cambiar dicho texto por otro o eliminarlo

    Juvinao · abril 7, 2012 a las 5:28 pm

    Claro amigo,debes editar el script y listo.

Josep-Pepe · abril 26, 2012 a las 6:42 pm

No funciona… Creo que es el script que no existe.

Otra cosa sobre los pulgares:
Hay alguna forma de que el comentario mejor valorado el fondo de este sea de otro color?

Leslie Mishigan · julio 30, 2012 a las 5:33 am

TT TT
los pulgares no me funcionan 🙁 en las entradas me aparece un gran cuadro grande y en los comentarios ni siquiera aparece 🙁

a parte en mi plantilla encontre dos «» y agregue el código a las dos… es en eso que estoy mal?? k hago 🙁 ?

Anonymous · enero 20, 2013 a las 12:09 pm

Yo tengo la plantilla clasica, ya que tengo un «layout», para que mi blog se vea estilo pagina web, y queria saber si se podia poner igual
saludos.
myfuckingkstew.blogspot.com

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 *