Tutorial: Agrega un Sistema de Valoración a tus Entradas

Por Makita desde Chile


Muchas veces tus lectores no cuentan con el tiempo suficiente para hacer un comentario a tus entradas y expresar su opinión al respecto, por lo que no queda registro de su visita.

Esta semana les voy a enseñar un nuevo sistema para que estos lectores puedan emitir una opinión acerca de una de tus entradas, de una manera rápida y sencilla para que se puedan expresar y consigas el feedback necesario para saber si vas por buen camino con tu Blog. Esto se hará a través de una valoración. 


Estas valoraciones estarán representadas con unas estrellitas, que permitirán dar una puntuación sobre el contenido de la entrada. 

Lo primero que deben hacer es decidir donde quieres que aparezca la valoración, puedes escoger que sea:
  • En todo momento bajo la entrada,
  • Debajo del título de la entrada, o
  • Al abrir una entrada seleccionada.


Si escogiste la primera opción deberás buscar la etiqueta <data:post.body/> y debajo de ella copiar el siguiente código:

<div style='float:left; margin-right:3px;'/>
<div class='js-kit-rating' expr:path='data:post.url' expr:permalink='data:post.url' expr:title='data:post.title'></div>

Si prefieres la segunda opción deberás buscar la etiqueta <div class='post-header-line-1'> y justo debajo de ella copiar el código anterior.

Y al seleccionar la tercera opción debes copiar el siguiente código en lugar del primer código dado:

<b:if cond='data:blog.pageType == "item"'>
<div style='float:left; margin-right:3px;'/>
<div class='js-kit-rating' expr:path='data:post.url' expr:permalink='data:post.url' expr:title='data:post.title'>
</div>
</b:if>

Luego debes buscar la etiqueta </body> y sobre ella agregar lo siguiente:

<script src='https://sites.google.com/site/miltrucosblogger/script/EstrellasValoracionMiltrucosBlogger.js'/>

Espero les guste y les sirva para mejorar sus Blogs ;)

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




CONVERSATION

10 ya son Blogger@s:

  1. olé, makita!!! una pregunta, para la tercera opción, el código

    ResponderEliminar
  2. ooops! apareció el script ese final por arte de magia!!! he vuelto loco al disqus con tanta palabreja técnica!!!!!!!

    ResponderEliminar
  3. estupendo tutorial me ha encantado es diferente a uno que hice yo algún tiempo acá en el blog :) gracias

    ResponderEliminar
  4. no me quedó muy claro donde colocar el código b:if y como he ido con el tiempo justito no me he atrevido a ponerme por no liarla.

    ResponderEliminar
  5. Va en el mismo lugar en que se pega el primer código, debajo de la etiqueta 

    ResponderEliminar
  6. me salió!!! qué grande, makita! muchas gracias ;)

    ResponderEliminar
  7. Hola, donde se puede encontrar esta etiqueta:, se encuentra en el borrador de la entrada? Gracias por la ayuda :)

    ResponderEliminar

Todo comentario que no tenga relación con el post o sobrepase los límites de la libre expresión, será moderado y no saldrá publicado.

Back
to top