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/11/16

Les derniers Pins de Pinterest sur son Blog

Un Gadget Blogger pour afficher les derniers Pins d'un compte ou d'un tableau de Pinterest


Les deux widgets de Pinterest (Profile Widget et Board Widget) réunis dans un seul Gadget Blogger. Affiche les derniers Pins sur son Blog


Lors du lancement des outils pour les entreprises (novembre 2012), Pinterest propose deux nouveaux Widgets Profile Widget et Board Widget.

C'est la version Pinterest du gadget des vignettes de Pinterest, en version Gadget Blogger ou en version Gadget Google. La version personnalisée de ces Gadgets autorise davantage d'options (couleurs, action sur clic, liens, nombre de vignettes) que la version officielle.


Identifier un tableau (Board) de Pinterest

Ouvrir un tableau (board) de Pinterest, et copier l'adresse. Par exemple :


http://pinterest.com/prac53/geek/

prac53 est le nom du compte.

geek est le nom du tableau.



Ajouter ce Gadget à Blogger

Gadget Blogger - Les derniers Pins de Pinterest

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/pinterest-widget-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, Derniers Pins de Pinterest

http://prac-gadget.googlecode.com/files/pinterest-widget-b.xml


USER : Le nom du compte Pinterest
BOARD : Le nom du tableau Pinterest. Facultatif, s'il ne figure pas, le Gadget affiche les derniers Pins du compte

TWI : La largeur d'une vignette (60 - 240), en pixels

THE : La hauteur maximum d'une vignette (60 - 1200), en pixels

NBC : Nombre de vignettes à afficher par ligne(1 - 6)

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="560" height="680" frameborder="0" scrolling="no"
src="http://www.gmodules.com/gadgets/ifr?url=http://prac-gadget.googlecode.com/files/pinterest-widget.xml
&up_USER=prac53
&up_BOARD=geek
&up_TWI=120
&up_THE=480
&up_NBC=1
&up_CCOL=%23f6f6f6"></iframe>



Le résultat

Les derniers Pins de mon compte Pinterest.




Les derniers Pins du tableau de +Tomate Joyeuse, Tout Pinterest en Français.




Les derniers Pins du Blog de Soraya.




Versions et mentions légales

Gadgets fournis par Google.


Plus d'informations


Les vignettes de Pinterest avec un Gadget Blogger personnalisé

Les derniers Pins de Pinterest avec un Gadget Google

Un diaporama des derniers Pins de Pinterest

Les derniers Pins d'un compte Pinterest, avec vignette

Suivre les Pins de son site sur Pinterest

Les derniers Pins de Pinterest sur sa page Google Sites

Les vignettes d'une page de Facebook

Les vignettes d'un Album de Picasa

Les vignettes d'un Album de Flickr

Les vignettes d'un Flux Media RSS de Photobucket

Des Gadgets pour son Site ou son Blog

2012/11/06

Timeline de Twitter

Afficher une Timeline de Twitter sur son Blog

Twitter demande de 1 à 5 Domaines Internet qui peuvent afficher la Timeline. Pour blogspot.com il vaut mieux utiliser un tag iframe pour insérer une page html hébergée sur un Domaine privé



La Timeline de Twitter est définie sur Twitter et n'est valable que pour 1 à 5 Domaines Internet. A moins d'éliminer la redirection de Blogger, il n'est pas possible de définir blogspot.com comme Domaine Internet qui héberge la Timeline.

Timeline Twitter - @prac53


J ai donc utilisé mon Domaine, Les Liens du Vin pour héberger ma Timeline. Pour l'insérer sur mon Blog, il suffit de placer la page html dans un tag iframe.



Mise à jour : hébergement sur Google Drive

Depuis février 2013, Google Drive autorise l'hébergement de fichier html, devenant ainsi, de facto, un hébergeur Internet gratuit.
Pour utiliser cette nouvelle fonctionnalité, il faut renseigner la rubrique Domaines du gadget Timeline et mettre : googledrive.com comme nom de domaine.
Sur Google Drive, j'ai placé dans un répertoire en accès public, un fichier html contenant la Timeline.



Plus d'informations

Le guide de Twitter pour insérer une Timeline

Insérer un Badge de Twitter sur Google Sites


Rechercher sur le Blog de Prac avec Google CSE