Pulgares de votación mejorados en Blogger

En esta oportunidad les traigo un gran tutorial y es los pulgares de votacion 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 anteror 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='18x18' 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


Fuente : http://www.miltrucosblogger.info/