Comment ajouter un Visual Lightbox à Blogger

Lightbox est une bibliothèque JavaScript qui fournit une interface visuellement élégante pour afficher des fichiers image en hyperliens. Lorsque vous cliquez dessus, le script Lightbox superpose une version plus grande du fichier image sur un écran assombri 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 images Lightbox.

4

Téléchargez les scripts Lightbox et les fichiers image sur votre hébergeur Web. Si vous ne disposez pas d'un espace de stockage 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]