lundi, décembre 15, 2008
Ajouter des étoiles de cotations pour articles
par Rodney SANKINKA
Depuis quelques mois, Blogger avait introduit la possibilité d’ajouter des étoiles permettant aux lecteurs de coter les articles d'un blog quelconque hébergé sur la plate-forme.
Pour l’avoir sur son blog, il suffit de se rendre sur “ Mise en page ”, cliquer sur modifier pour l’élément “ Message de Blog ” (généralement au milieu et le plus grand de tous les éléments). Vous verrez dans la pop-up qui s’ouvrira la possibilité de cocher à côté des 5 étoiles pour les voir apparaître sur votre blog. N’oubliez pas de cliquer sur “ Enregistrer les modification ”.
Toutefois, si après avoir fait cela, les étoiles n’apparaissent pas sur votre blog, il vous faut aller sur “ Modifier le code html ” et là, cochez sur “ Développer des modèles de gadget ”.
1. Trouver la ligne de code suivante :
<div class='post-footer-line post-footer-line-1'>
ou trouver celle-ci :
<p><data:post.body /></p>
2. Juste après cette ligne de code (celle que vous aurez trouvé), mettez le code suivant :
<b:if cond='data:blog.pageType == "item"'>
<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>
Ainsi, les étoiles apparaîtront seulement sur les pages d’articles. Si vous voulez que les étoiles apparaissent sur toutes les pages (accueil, libellés, archives), enlevez la première et la dernière ligne du code.
3. Ensuite, trouver cette ligne (un peu plus en bas) :
<b:include name='nextprev'/>
4. Après cette ligne, ajouter celle-ci :
<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>
5. Enregistrer votre modèle et aller voir le résultat.
Une astuce de Blogger Buster.
@+
Pour l’avoir sur son blog, il suffit de se rendre sur “ Mise en page ”, cliquer sur modifier pour l’élément “ Message de Blog ” (généralement au milieu et le plus grand de tous les éléments). Vous verrez dans la pop-up qui s’ouvrira la possibilité de cocher à côté des 5 étoiles pour les voir apparaître sur votre blog. N’oubliez pas de cliquer sur “ Enregistrer les modification ”.
Toutefois, si après avoir fait cela, les étoiles n’apparaissent pas sur votre blog, il vous faut aller sur “ Modifier le code html ” et là, cochez sur “ Développer des modèles de gadget ”.
1. Trouver la ligne de code suivante :
<div class='post-footer-line post-footer-line-1'>
ou trouver celle-ci :
<p><data:post.body /></p>
2. Juste après cette ligne de code (celle que vous aurez trouvé), mettez le code suivant :
<b:if cond='data:blog.pageType == "item"'>
<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>
Ainsi, les étoiles apparaîtront seulement sur les pages d’articles. Si vous voulez que les étoiles apparaissent sur toutes les pages (accueil, libellés, archives), enlevez la première et la dernière ligne du code.
3. Ensuite, trouver cette ligne (un peu plus en bas) :
<b:include name='nextprev'/>
4. Après cette ligne, ajouter celle-ci :
<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>
5. Enregistrer votre modèle et aller voir le résultat.
Une astuce de Blogger Buster.
@+
:)) 
;)) 
;;) 
:D 
;) 
:p 
:(( 
:) 
:( 
:X 
=(( 
:-o 
:-/ 
:-* 
:| 
8-} 
:)] 
:-t 
b-( 
:-L 
Ça fonctionne pas pour moi et je suis bien déçu. :(
bonjour Rodney! Grâce à ton site je m'essaie à mettre des gadgets à en retirer.. mais là sur le coup des étoiles..ça ne marche pas.
Et je ne vois pas d'où vient le problème. Une idée?
comme je n'ai trouvé aucune étoile sur mon bloc "message blog" j'ai personnalisé avec des réactions à cocher. Pourquoi je n'ai pas d'étoile ? :(
En tout cas, merci encore pour ce site qui m'est d'une aide très précieuse pour agrémenter mon blog ! Amicialement
Anna
c'est trés encien !!
ben ca a marché pour moi, merci Rodney.
http://lesprocrastinateurs.blogspot.com/
Passe de bonnes fêtes de fin d'année Rodney et encore merci pour tout.
;;)
???!! pas d'accès à de quelconques étoiles non plus pour moi...
Comment cela se fait-il ??? :((
Bonjour, A ma grande déception, cette recette n a pas fonctionné pour moi, je suis punie, pas d'étoiles. J ai certainement du m y prendre mal puisque cela fonctionne pour certains ... Une réponse serait vraiment, vraiment, très appréciée.
eh oui! pour moi non plus, ça ne marche pas. Pourtant, ça a marché puis disparu. Maintenant, j'essaie de réinstaller, mais sans succès.
J'apprécierai aussi beaucoup une explication.
:(( marche pas , pas grave merci quand meme