Blogger: votazione con le stelline

LINK SPONSORIZZATI

Anche chi usa la piattaforma Blogger/Blogspot potrebbe voler implementare nel proprio sito un sistema di votazione dei post con il sistema delle 5 stelline ( Star Rating System).

Se vogliamo inserire un sistema di votazione per i post, possiamo usare “star rating system”, cioè quello più usato.

Il sistema delle stelline consiste nel poter cliccare sulle stelline , più stelline ha un articolo più sarà di gradimento dei lettori.

Per farvi un’idea un sistema simile a quello che usa Testato.it. Lo puoi vedere qui a fianco nella sezione informazioni – Valutazione. Accanto alla medaglietta verde ci sono le 5 stelline di voto. 1 stellina significa poco appetibile, 5 stelline molto appetibile. Testato.it è però su piattaforma WordPress.

Bene se vogliamo fare una cosa del genere su blogger/blogspot, dobbiamo andare a modificare il codice. Quindi andiamo su Layout, Modifica Html e clicchiamo su “Espandi modelli widgets” e cerchiamo
<div class=’post-footer’>.

Ora dobbiamo scegliere dove le stelline devono apparire. Se vogliamo che le stelline di valutazione appaiano dopo i post ma prima dei commenti, dobbiamo inserire il codice sotto riportato subito prima di <div class=’post-footer’>, altrimenti se vogliamo che appaiano dopo i commenti inseriamo il codice dopo <div class=’post-footer’>.

<div style=”float:left; margin-right:3px;”><div expr:path=”data:post.url” expr:permalink=”data:post.url” expr:title=”data:post.title”></div></div>

Ora cerchiamo </body> e incolliamo subito prima la seguente riga di codice seguente

<script src=”http://js-kit.com/ratings.js”></script>

Finito!

Facile no?!

{lang: 'it'}

Se ti è piaciuto l'articolo perché non lo condividi?