Comment ajouter une Visual Lightbox à Blogger

Lightbox est une bibliothèque JavaScript qui fournit une interface visuellement élégante pour la visualisation de fichiers d’image hyperliens. Lorsque vous cliquez dessus, le script Lightbox superpose une version plus grande du fichier image sur un écran sombre sans avoir à charger une autre page de votre site Web. Vous pouvez ajouter le script Lightbox à votre blog Blogger en incluant le code nécessaire dans votre modèle de blog.

1.

Accédez à lokeshdhakar.com/projects/lightbox2/.

2

Sélectionnez "Télécharger", puis cliquez sur "Lightbox" pour enregistrer le fichier zip sur votre ordinateur.

3

Ouvrez votre dossier "Téléchargements" et décompressez les scripts et les images Lightbox.

4

Téléchargez les scripts et les fichiers image Lightbox sur votre hôte Web. Si vous ne disposez pas d'espace de stockage basé sur le Web, vous pouvez héberger les fichiers JavaScript à l'aide de services gratuits tels que Weebly, Dropbox ou Your JavaScript.

5

Accédez à blogger.com et connectez-vous à votre compte.

6

Cliquez sur le menu déroulant "Messages" et sélectionnez "Modèle".

7.

Cliquez sur "Modifier le code HTML".

8

Copiez et collez le code JavaScript suivant avant la "" balise. Remplacez "[VOTRE HÔTE]" par les informations d’hôte correctes.

9

Activez le script Lightbox en incluant des hyperliens et une image ou du texte à l'aide du code suivant, en remplaçant le texte entre crochets par les informations appropriées. [IMAGE HTML OU TEXTE]

Choses nécessaires

• Hébergement de fichiers pour les scripts Lightbox