Effet FancyZoom sur les images dans Blogger/Blogspot


Dans un précédent article, on a vu comment obtenir un effet lightbox dans Blogger/Blogspot.
Je vous avais parlé de l'effet FancyZoom du co-fondateur de Panic Software.
Aujourd'hui, on va voir comment installer cet effet sur Blogger/Blogspot.
Tout d'abord, rendez-vous sur le site de Cabel.
Il faut maintenant télécharger le soft.




Une fois téléchargé, il faut l'installer à la racine de son site, et c'est là que les problèmes commencent, puisqu'avec Blogger, on n'a pas accès par ftp aux fichiers du blog.

Il nous faut donc trouver une solution alternative, sur internet il y a de nombreux hébergeurs gratuits d'images, de vidéos et de scripts.

Personnellement, je vous conseille d'aller sur Google Sites, et d'ouvrir un site de la sorte vous pourrez héberger vos scripts ou autres documents.

Pour ma part, j'ai installé ces scripts sur mon site:

<script src="http://franck.melka.perso.sfr.fr/FancyZoom%201.1/js-global/FancyZoom.js" type="text/javascript"></script>
<script src="http://franck.melka.perso.sfr.fr/FancyZoom%201.1/js-global/FancyZoomHTML.js" type="text/javascript"></script>

En fonction de l'endroit où vous les hébergez, vous devrez modifier le chemin vers vos scripts.


Maintenant, rendez vous dans le tableau de bord de Blogger et développez: Modèles, ensuite entrez dans le code source:



Immédiatement après

<head>


collez vos scripts comme indiqué sur la capture d'écran, ci dessus.

Maintenant, reste le plus délicat, car sur les nouveaux modèles de Blogger, on ne trouve plus de balise

<body>


Alors suivez ce qui est affiché dans cette capture d'écran, ci dessous:


Juste après la balise,

</head>


Copiez et collez toute cette ligne en effaçant la ligne existante:

<body expr:class="&quot;loading&quot;data:blog.mobileClass" onload="setupZoom()">

C'est tout.

Attention, dans votre blog ce sera ou Lightbox ou FancyZoom.



NB: bien entendu, si vous souhaitez affiner ces effets, il vous faudra modifier le code installé sur votre serveur.
Enhanced by Zemanta

Commentaires

Enregistrer un commentaire

Posts les plus consultés de ce blog

Comment installer GLPI sur Centos/GLPI ne peut pas fonctionner correctement sans les fonctions json_encode et json_decode> L'extension mbstring de votre parseur PHP n'est pas installée>

Image
Dans cet article nous allons voir comment installer GLPI sur un serveur Centos  5.2 et comment résoudre les différentes difficultés liées à cette installation. Dans notre cas de figure Centos est installé sur VMware. GLPI est solution open source de gestion de parc informatique, et Centos est une distribution GNU/Linux destinée aux serveurs. Important: avant toute chose, il faut immédiatement après l'installation de Centos, lancer une mise à jour par l'intermédiaire de la commande YUM . Pour celà, lancez: # yum list updates # yum update # reboot Pour notre démonstration, je travaillerai en mode graphique mais en ouvrant un terminal de façon à pouvoir travailler en CLI. Toutes les commandes seront écrites en rouge, dans mysql on termine toujours une commande par un point-virgule. Pour différencier les commandes du shell de celles de mysql: - devant chaque commande du shell, il y aura #  - devant chaque commande mysql, il y aura mysql> Avant tout
Lire la suite
Image
Découvrez comment rédiger des prompts efficaces pour les modèles GPT. Apprenez les structures, secrets et meilleures pratiques pour obtenir des réponses précises. Devenez un expert en prompt engineering. Dans cette formation, vous allez apprendre à rédiger des prompts, leurs structures, leurs secrets, les trucs et astuces pour obtenir un prompt parfait et ainsi un résultat précis.   A - La rédaction d'un prompt parfait pour interagir avec un modèle de langage comme #ChatGPT (ou n'importe quel modèle GPT) dépend largement de l'objectif que vous souhaitez atteindre.  Cependant, voici quelques conseils généraux pour optimiser vos prompts : 1. Clarté  : Soyez aussi clair et précis que possible. Évitez les ambiguïtés. 2. Contexte  : Fournissez suffisamment de contexte. Si vous posez une question avancée ou technique, il peut être utile de fournir des informations de base pour orienter la réponse. 3. Question explicite : Posez votre question de manière directe. Par exemple, &quo
Lire la suite

Augmenter le paramètre memory_limit lors de l'installation de GLPI / increase php memory limit/MAMP/Apache/php

Image
Lors de l'installation de GLPI sur un MAC (OSX Snow Leopard) utilisant MAMP , on a toujours un message d'erreur nous indiquant que GLPI nécessite 64 Mio de mémoire et qu'il est important de lui allouer cette mémoire en configurant le fichier php.ini. Cette opération est facilement réalisable, comme nous allons le voir. Bien entendu, l'objectif de cet article n'est pas d'apprendre comment installer MAMP sur un MAC, ni GLPI dans MAMP. Tout d'abord, quel est le message qui s'affiche? Dans les test de la mémoire allouée, par défaut nous avons 32 Mio alors que GLPI en nécessite 64 au minimum, on nous demande donc d'augmenter les paramètres memory_limit dans le fichier php.in, mais lequel? Pour connaitre le fichier à modifier, il nous tout d'abord savoir  quelle version de php est installée sur notre serveur, pour cela rendez-vous dans la page d'accueil de MAMP et cliquer sur l'onglet phpinfo Ensuite vous aurez tous les él
Lire la suite