Les miniatures ou bien "Thumbnails" en anglais sont une caractéristique populaire que chaque blogueur adore avoir dans son modèle Blogger. Aujourd'hui, la plupart des modèles Blogger en y trouve la fonctionnalité soumettre des miniatures personnalisé inclue. Certains sites de développement populaires comme Blogger Templateism et Themeforest ont des normes de garder cette fonctionnalité dans leurs thèmes.
Cependant, certains nouveaux développeurs ainsi que les simples utilisateurs n'ont pas la moindre idée de la façon de configurer ces vignettes dans Blogger. Par conséquent, dans cet article, nous allons fournir une méthode pour afficher avec succès une miniature surtout dans la page d’accueil et les pages d'archive de votre blog.
Par défaut Blogger met la première image de votre article comme miniature qui s'affiche dans la page d'accueil et d'archive. Parfois, les utilisateurs veulent avoir la capacité de personnaliser les images en vedette, ou les poster Vignettes dans Blogger, c'est ce que nous allons voir par la suite.
Ajouter une miniatures ou "Thumbnails" à blogger
Pour ajouter une image comme"Thumbnails" dans les postes de blogueur, il suffit d'aller sur Blogger >> nouveaux messages et cliquez sur " Insérer une image un assistant s'ouvre et vous demande le téléchargement d'image ". Vous pouvez l'utiliser pour télécharger une image depuis votre ordinateur ou vous pouvez également ajouter une image existante à partir de votre bibliothèque d'images Picasa .
Après avoir téléchargé l'image sélectionnez l'onglet "Modifier le code HTML" dans le coin supérieur gauche et copiez l'URL complète de l'image qui serait semblable au code voir ci-dessous:
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgxYWAr6D0u3s3wemFktMXQpQ_40Db2KOt90JUuWPT-q_beCUeHJbWrPFCatsCeqU1nJDacz9qyeY7lkmVAvx5Tgi69ZuC5Hrr3hEbtoKGHFa2y4LXlUldEKb_w9kbsVEF9Wx2TJzT-ZOk/s1600/Picasa-Image.pngPar exemple on veut afficher cette image avec le lien ci-dessus comme miniature "Thumbnails" qui s'affichera dans la page d'accueil et les pages d'archive seulement et non dans notre propre article. Pour cela on va mettre notre image dans le code suivant:
<img src="image-here" style="display:none;">
Alors le résultat final sera comme suit:
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgxYWAr6D0u3s3wemFktMXQpQ_40Db2KOt90JUuWPT-q_beCUeHJbWrPFCatsCeqU1nJDacz9qyeY7lkmVAvx5Tgi69ZuC5Hrr3hEbtoKGHFa2y4LXlUldEKb_w9kbsVEF9Wx2TJzT-ZOk/s1600/Picasa-Image.png" style="display:none;">
Mettez le code ci-dessous au debut de votre article, mais n'oublier pas de l'insérer dans le code HTML de votre article.
تعليقات
إرسال تعليق