septiembre 18, 2017

Habilitar Ratings en Blogger

Un sistema de rating en tu blog en muchas ocasiones es necesario, sobre todo si la tematica de tu blog lo necesita. Algunos temas como musica, videos, blogs de listas, etc, pueden necesitar tener un sistema de valoracion en cada entrada.

Existen muchos servicios de terceros a los que puedes acudir. Sin embargo, para aprovechar las caracteristicas nativas de Blogger, vamos a ver como habilitar esta funcion de Rating en caso de que no se muestre en la plantilla que estes usando.

El metodo es facil y no te toma mas de 3 minutos. Empecemos!


Habilitando el sistema de Ratings en Blogger


Lo primero que debes hacer es ir a la opcion "Tema" de tu blog y seleccionar la opcion "Editar HTML".

Luego, buscamos la siguiente linea de codigo :
<div class='post-footer-line post-footer-line-1'>

Y despues agregamos lo siguiente debajo:

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<span class='star-ratings'>
<b:if cond='data:top.showStars'>
<div expr:g:background-color='data:backgroundColor' expr:g:text-color='data:textColor' expr:g:url='data:post.absoluteUrl' g:height='42' g:type='RatingPanel' g:width='180'/>
</b:if>
</span>
</b:if>

El segundo, y ultimo paso, es buscar el siguiente codigo de navegacion:

<b:include name='nextprev'/>

Agregar despues:

<b:if cond='data:top.showStars'>
<script src='http://www.google.com/jsapi' type='text/javascript'/>
<script type='text/javascript'>
google.load("annotations", "1");
function initialize() {
google.annotations.createAll();
google.annotations.fetch();
}
google.setOnLoadCallback(initialize);
</script>
</b:if>

Guardas los cambios en la plantilla y listo. Puedes ver una de las entradas de tu blog y veras como el sistema de rating en blogspot ha quedado habilitado en tus posts.


En pastebin: https://pastebin.com/q3FYiS8k

Te ha gustado este post?

No te pierdas las novedades. Suscribete!!

Tambien debes Leer: