Thumbs Up and Down para Blogger (Pulgares para Votar)

Thumbs Up and Down para Blogger (Pulgares para Votar)

Por defecto, Blogger posee un sistema de votación de estrellas, pero no está visible en el escritorio común, es una característica beta en Blogger in Draft.

Como algunos no saben, existen distintos tipos de sistemas de votaciones para Blogger, pero es muy dificil encontrar uno con sistema de thumbs up (Estilo Youtube y Facebook).


Existe un plugin de Rating desarrollado por JS-Kit el cual permite votar las entradas en Blogger de la misma forma que en Youtube.

El resultado de este plugín es el siguiente:



¿Cómo insertar este sistema de votación en Blogger?

Primero, vamos a ''Diseño/Edición HTML'' en donde presionas ''Expandir plantillas de artilugios'', buscas el siguiente código:
<data:post.body/>

Pegas el siguiente código arriba o debajo de éste (Dependiendo si deseas insertar el sistema en la zona superior de las entradas o en la zona inferior de ellas):
<div style="float:left; margin-right:3px;"></div>
<div class="js-kit-rating"
view="score"
expr:path="data:post.url"
expr:permalink="data:post.url"
expr:title="data:post.title">
</div>

Ahora buscas el siguiente código:
</body> 
Justo debajo de éste pegas el siguiente script:

<script src="https://sites.google.com/a/blogsydescargas.co.cc/ayudabloggers/scripts/RATINGSAYUDABLOGGERS.js"></script>


Guardas los cambios en tu plantilla y listo:


Notas:

  • Recuerda que puedes subir el archivo .js a un servidor de archivos.
  • Si no quieres que el sistema de votaciones se muestre en la página principal, omite el código que va debajo (o arriba) de <data:post.body/> y lo reemplazas por este:
<b:if cond='data:blog.pageType == "item"'>
<div style="float:left; margin-right:3px;"></div>
<div class="js-kit-rating"
view="score"
expr:path="data:post.url"
expr:permalink="data:post.url"
expr:title="data:post.title">
</div>
</b:if>
  • El script está parcialmente traducido, pronto estará completo.
Artículo aleatorio
BuySellAds
BuySellAds
BuySellAds
BuySellAds
BuySellAds
Artículos destacados
Marca de agua en las imágenes con CSS # - Marca de agua en las imágenes con CSS
Ocultar entradas con determinada etiqueta en el inicio de Blogger # - Ocultar entradas con determinada etiqueta en el inicio de Blogger
Efecto de desenfoque con CSS # - Efecto de desenfoque con CSS
Cómo obtener la primera imagen del post en Blogger sin Javascript # - Cómo obtener la primera imagen del post en Blogger sin Javascript
Vídeotutorial: Crear plantilla para Blogger: Introducción a los códigos esenciales de Blogger # - Vídeotutorial: Crear plantilla para Blogger: Introducción a los códigos esenciales de Blogger