Aggiungere le valutazioni a stelline ai post di blogger

Ecco come aggiungere le cliccatissime stelline di valutazione ai post del nostro blog anche se non sono supportate "nativamente" dal template scelto tra quelli messi a disposizione dalla piattaforma Blogger: dunque, basterà andare in Bacheca -> Layout -> Modifica HTML ed espandere i modelli widget.
Ora cercate <div class='post-footer-line post-footer-line-3'> ed inserite appena sotto il seguente codice:


<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='280'/>
</b:if>
</span>


Se non commentate il tag <if cond...> si rende necessario accedere alla versione draft della bacheca a questo indirizzo ed abilitare da li le famigerate stelline di valutazione (Layout -> Elementi pagina -> Post su blog).

Aggiungete poi nel blocco <b:include name='nextprev'/> il seguente codice:

<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>


Buona valutazione a tutti, passo e chiudo!

1 commenti:

Benzene ha detto...

Ciao.
Ho provato ad inserire le stelline nei post ma per farlo sono entrato solo in elementi pagina, sono entrato neo post ed ho messo il flag nelle "stelline" sembra anche funzioni... Che differenza c'è tra la prassi che hai scritto?