Comment insérer un diaporama sur unblog.fr ?
Astuce pour insérer un slideshow sur unblog.fr
Cette page « astucieuse » devrait répondre aux attentes de ceux qui souhaitent insérer des diaporamas dans le corps de leur blog domicilié chez unblog.fr. En effet, d’un site à un autre, les protocoles s’insertion diffèrent et, dans certains cas, s’opèrent automatiquement sans avoir à modifier le fameux code embed.
Code embed… Kesako ? Suivre le lien !
Chez unblog et à défaut d’un générateur de nouveau code, vous allez devoir « bidouiller » l’embed fourni par le prestataire choisi. Illustrons ce volet technique avec les exemples de Slide et Kizoa, sites sur lesquels il vous est loisible de créer gratuitement, après avoir ouvert un compte, des diaporamas ou des slideshows. Ces deux sites de création vous fourniront un code embed que vous devrez modifier et dont les éléments utiles composeront ensuite une balise dite « gv ». Tel est l’objectif de cette fiche : comment modifier le code embed sans passer par un générateur de nouveau code ? Quels sont les éléments à retenir et ceux qui seront éliminés ? Comment créer une balise gv data ?
Navré, Slide a fermé sa boutique le 6 mars 2012 !
A titre d’exemple, je viens de créer sur le site Slide un diaporama intitulé Chillout Oasis
A votre enseigne, une fois le slideshow sauvegardé et après avoir complété tous les champs obligatoires, cliquer sur « Mon Slide » afin de récupérer le code embed que vous collerez dans votre éditeur html et à l’endroit où vous souhaitez voir apparaître le diaporama dans votre article. Les modifications de ce code se feront de préférence dans l’éditeur, les éléments sélectionnés constituant la balise gv. Si vous choisissez de coller directement le code embed dans le corps de votre article ou de votre page web et, après avoir composé votre balise, assurez-vous qu’aucun élément indésirable ne subsiste dans votre éditeur html faute de quoi vous ne pourrez visualiser votre création. Voyons cela en détail !
Ci-dessous le code embed de mon diaporama généré par Slide.com
Commençons par faire le grand ménage en sélectionnant les rares éléments utiles qui apparaissent clairement ci-dessus en bleu : http://widget-b1.slide.com/widgets/slideticker.swf« (url de slide.com) + cy=lt&il=1&channel=2449958197329911217&site=widget-b1.slide.com »(l’identifiant du diaporama). Procédez par élimination en supprimant de l’éditeur tous les éléments superflus du code embed.
Il s’agit maintenant de créer la balise gv. L’url « http://widget-b1.slide.com/ etc. sera précédé de [gv data= http://widget-b1.slide.com/widgets/slideticker.swf? N'oubliez pas le point d'interrogation qui remplace les guillemets. Ensuite, vous devez ajouter l'identifiant du slideshow, ce qui nous donne :
[gv data=http://widget-b1.slide.com/widgets/slideticker.swf?cy=lt&il=1&channel=2449958197329911217&site=widget-b1.slide.com] Attention : veillez à remplacer les guillemets après slide.com » par un crochet sortant ( ] ).
J’ai omis volontairement de boucler la balise par la finale [/gv] sinon vous ne pourriez visualiser dans son intégralité la formule à laquelle vous devez accéder pour voir votre diaporama inséré dans le corps de votre article. Ajoutons la balise finale [/gv] à l’identifiant : cy=lt&il=1&channel=2449958197329911217&site=widget-b1.slide.com][/gv]
Après quoi, cliquer sur « mettre » pour incruster (embedding) le nouveau code dans votre article. Puis sauvegarder ou enregistrer. NB : il se peut que l’endroit choisi dans le corps de l’article pour votre diaporama ne vous convienne pas… N’hésitez pas à modifier votre mise en page ! Sélectionnez votre balise, coupez puis collez à l’endroit voulu. Attention à la casse ! Ne perdez rien en cours de route et, avant de sauvegarder, retournez dans l’éditeur pour vous assurer que votre nouveau code n’a pas subi de modifications.
Observons maintenant le résultat final : Nib de Zig ! Merci Slide ! Nous irons voir ailleurs…
Media Player Chill Out Music 2011
Avertissement : ne croyez pas que vous réussirez du premier coup… L’opération est assez laborieuse eu égard au problème d’écriture décalée entre celle de l’éditeur html et celle de la page web lisible par tous. C’est pourquoi, je vous recommande (j’insiste !) de composer votre balise dans l’éditeur html où vous serez sûr d’avoir supprimé tous les éléments inutiles. Maintenant, si vous dénichez un générateur de code qui vous « crache » en un clic la balise gv complète et parfaitement ponctuée, alors… so much the better ! Bonne chance !
Prochaine astuce : comment insérer un diaporama Kizoa sur unblog.fr ?
