Blogger
Viti-Vino - Les outils Google pour Blogger

Les trucs et astuces pour Blogger. Pour personnaliser son Blog. Un complément de l'aide en ligne.




2012/09/09

Les vignettes d'un album d'une Page Facebook

Un Gadget Blogger pour afficher les vignettes d'un album d'une page de Facebook

Les vignettes (130 x 86) d'un album public d'une Page de Facebook peuvent être ajoutée sur son Blog avec un Gadget Blogger



Si une Page de Facebook contient un ou plusieurs albums, les vignettes de ces albums peuvent être affichées sur son Blog.


L'identifiant de l'Album

Pour obtenir l'identifiant, ouvrir l'album Facebook, et copier l'adresse. Par exemple :


https://www.facebook.com/media/set/?set=a.229240080442617.65799.190160991017193&type=3

229240080442617 est l'identifiant de l'Album.

Important : Le Gadget ne peut être utilisé que pour un Album public, d'une Page Facebook.



Ajouter ce Gadget à Blogger

Gadget Blogger - Vignettes Facebook

Ajouter ce Gadget avec le bouton Add to Blogger : 

Add this Gadget to Blogger


Ajouter ce Gadget avec le formulaire personnalisé de Blogger : 


Mise en page / Ajouter un gadget...
Personnalisés / Saisissez l'URL du gadget : 

http://prac-gadget.googlecode.com/files/facebook-thumbnails-b.xml



Ajouter ce Gadget en l'intégrant dans votre bibliothèque xml

Installer le Gadget développé par Soraya sur votre Blog. Il ne sera visible que par l'administrateur. Ajouter l'URL du gadget dans la liste de liens.


Paramètres du Gadget


Gadget Blogger, Vignettes Facebook

http://prac-gadget.googlecode.com/files/facebook-thumbnails-b.xml


ID : Identifiant de l'Album Facebook

NBC : Nombre de vignettes à afficher (1 - 200)

SHA: Vignettes avec ombre portée (Yes ou No)
CLP : Clic sur image, pour accès à l'image originale sur Facebook (Yes ou No)

URL : Lien sur le titre de l'Album
TIT : Titre de l'Album

LCOL : #rrggbb, couleur du lien
BCOL : #rrggbb, couleur de la bordure
BKCOL : #rrggbb, couleur du fond des vignettes
CCOL : #rrggbb, couleur du conteneur




Le Gadget Google dans le html d'un message

Le Gadget Blogger décrit ci-dessus ne peut pas être inséré dans le html d'un message. Pour cela nous devons utiliser un Gadget Google, à insérer avec un tag iframe. Les paramètres du gadget sont en rouge.


<iframe width="500" height="880" frameborder="0" scrolling="no"
src="http://www.gmodules.com/gadgets/ifr?url=http://prac-gadget.googlecode.com/files/facebook-thumbnails.xml
&up_ID=229240080442617
&up_NBC=29
&up_SHA=Yes
&up_CLP=Yes
&up_URL=http://www.montdor.ch
&up_TIT=Domaine du Mont d'Or
&up_LCOL=%23cc0000
&up_BCOL=%23cc0000
&up_BKCOL=%23c3d9ff
&up_CCOL=%23d1dae3"></iframe>



Le résultat

Les vignettes de l'album l'été au Domaine du Mont d'Or. Vignettes avec ombre portées.




Versions et mentions légales

Gadgets fournis par Google.


Plus d'informations

Les vignettes d'un Album Facebook avec un Gadget Google

Les vignettes d'un Album Facebook sur sa page Google Sites

Insérer une vidéo de Facebook sur son Blog

Les vignettes d'un Album de Picasa

Les vignettes d'un Album de Flickr

Les vignettes d'un Flux Media RSS de Photobucket

Les vignettes de Pinterest

Des Gadgets pour son Site ou son Blog

Enregistrer un commentaire


Rechercher sur le Blog de Prac avec Google CSE