Widget Hockeyarchives à intégrer !

netvibes widget hockeyarchives

Ca faisait un moment qu'on en parlait et que certains d'entre vous se plaignaient de ne pas avoir cette possibilité offerte (si si, j'ai les noms !)

Alors voila enfin un outil pour faire profiter vos visiteurs des news d'hockeyarchives depuis vos sites/blogs et autres forums.

Grâce à Netvibes (suite à l'intégration du widget Hockeyarchives), voici un petit widget que vous pouvez intégrer sur votre site web ! il suffit de le copier/coller à l'endroit où vous souhaitez voir afficher les infos d'hockeyarchives et voila !

Mais si vous avez envie d'aller plus loin avec ce widget, vous allez pouvoir le customiser pour votre utilisation personnelle. La couleur, le nombre d'infos affichées, la hauteur... Lorsque ce widget évoluera (pourquoi ne pas imaginer des images ?), nous vous préviendrons sur le site pour que vous puissiez mettre à jour votre code.

Bien sur, si vous avez un souci lors de l'intégration de ce code, il suffit de vous rendre sur le forum pour poser votre question. On essaiera de régler au mieux les éventuels problèmes de mises en ligne.

Il vous suffit donc de copier/coller le code suivant :

1
2
3
4
5
6
<script type="text/javascript" src="http://www.netvibes.com/js/UWA/load.js.php?env=BlogWidget2"></script>
<script type="text/javascript">
var BW = new UWA.BlogWidget({moduleUrl:'http://www.netvibes.com/modules/feedReader/feedReader.php?feedUrl=http%3A%2F%2Ffeeds.feedburner.com%2Fhockeyarchives'});
BW.setPreferencesValues({'view':'', 'nbTitles':'5', 'details':true});
BW.setConfiguration({'title':'HockeyArchives', 'height':350, 'color':'blue'});
</script>

Pour le customiser, voici les indications à suivre :

Sur la ligne :

1
BW.setPreferencesValues({'view':'', 'nbTitles':'5', 'details':true});

Vous pouvez changer le nombre d'articles affichés (ici 5)

Sur la ligne :

1
BW.setConfiguration({'title':'HockeyArchives', 'height':350, 'color':'blue'});

Vous pouvez changer la hauteur du widget (ici 350 Pixels) ou la couleur du header (ici blue)
Attention, pour garder une lisibilité correcte, la hauteur est liée au nombre d'articles affichés ! Par exemple, une hauteur spécifiée trop basse par rapport au nombre d'articles affichera un "ascenseur" dans le bloc installé.

choix de couleur possible : green, orange, red, yellow (si vous enlevez [, 'color':'blue'], le header sera noir)

N'hésitez pas à me contacter si besoin !