Changer le design du mode Lightbox des images sur Blogger



Lorsque vous cliquez sur une image présente dans le message d'un blog, elle apparaît en superposition de votre blog dans un format plus grand, c'est-à-dire en mode lightbox.

Changer le design du mode Lightbox des images sur Blogger

Toutes les images du blog, quelle que soit leur provenance (importation depuis votre ordinateur ou lien depuis une autre source), s'affichent en mode lightbox.

Il existe deux méthodes ici à reconnaître et identifier l'ensemble des images sur le contenu de votre blog qui seront ajoutés à votre visionneuse.
  
Script jQuery:

<link href='http://project-marsawa.googlecode.com/svn/trunk/lightboxv1.css' rel='stylesheet' type='text/css'/>
<link href='http://project-marsawa.googlecode.com/svn/trunk/lightboxie6v1.css' rel='stylesheet' type='text/css'/>
<script src='http://project-marsawa.googlecode.com/svn/trunk/jquery.lightbox.js' type='text/javascript'/>
<script src='http://project-marsawa.googlecode.com/svn/trunk/imagenvideo.js' type='text/javascript'/>
 
Choisissez un deux script jQuery pour la reconnaissance des images sur le contenu de votre blog qui sera ajoutée à la visionneuse automatiquement.

1 Accédez au tableau de bord de votre blog, cliquez sur Modèle> Modifier le code HTML, sur la presse de script de modèle Ctrl + F pour trouver la fin du modèle de tête.

Ensuite, tapez </ head> dans la recherche de mot-clé.

Vous verrez la fin de la section de la tête de votre modèle.

A la fin de la tête, il se trouve habituellement un script jQuery longtemps.

Affichage des images de Blogger en mode lightbox design

2. Copiez le code du script jQuery ci-dessus, et de le mettre à la dernière script jQuery. Pour plus de détails nous allons voir l'image ci-dessous!

Affichage des images de Blogger en mode lightbox design

Une fois que vous insérez un des lightbox jquery, enregistrez-le.

Pour plus de détails nous allons voir la vidéo ci-dessous!

Bonne chance!

Post a Comment

Laisser un commentaire

Plus récents Plus ancienne