Comment utiliser les balises conditionnelles sous Blogger?

08:24


Les conditions dans Blogger sont souvent inconnues des utilisateurs de la plateforme, et pourtant, ces conditions permettent de modifier une grande partie de l’apparence de son blog. Mais les conditions sous Blogger ("Blogger Conditional Tag") de quoi s’agit-il exactement? Comment les utiliser sur son blog?

Les conditions <b:if> permettent de définir ce qui va se retrouver ou non dans certaines parties du blog (page d'accueil, page statique, etc.) Il existe un tas de conditions pour chaque partie du site. Dans la plupart des cas, il suffit simplement d'ajouter ce que l'on souhaite afficher ou cacher, à l'intérieur de ce code. 

Voici quelques conditions qui concernent certaines parties du blog:

Les pages
<b:if cond='data:blog.pageType == &quot;static_page&quot;'> VOTRE CODE </b:if>

Les articles
<b:if cond='data:blog.pageType == &quot;item&quot;'>VOTRE CODE </b:if>

La page d’accueil
<b:if cond='data:blog.url == data:blog.homepageUrl'>VOTRE CODE </b:if>

L’article le plus récent
<b:if cond='data:post.isFirstPost'>VOTRE CODE </b:if>

Une url spécifique
<b:if cond='data:blog.url == &quot;VOTREADRESSURL&quot;'>VOTRE CODE </b:if>

Les pages index
<b:if cond='data:blog.pageType == &quot;index&quot;'>VOTRE CODE </b:if>

Les archives
<b:if cond='data:blog.pageType == &quot;archive&quot;'>VOTRE CODE </b:if>

La page d’erreur (404)
<b:if cond='data:blog.pageType == &quot;error_page&quot;'>VOTRE CODE </b:if>

Pour mieux expliquer ce code, voici les termes correspondant si on devait les traduire en français:

Grâce à ces codes, vous pourrez afficher ou faire disparaitre par exemple:

- une image,
- un texte, 
- un widget,
- une colonne.

<b:if cond='data:blog.url == data:blog.homepageUrl'>
<style type = "text/css">
.sidebar {display:none;}
</style>
</b:if>

Ici le code <style type = "text/css"> VOTRE CODE CSS </style> signifie que vous ajouter un code de type css. C'est ce qui est le plus utiliser dans les conditions visuel.

Tutoriel

Pour résumer, lorsque vous souhaitez faire apparaitre ou cacher une information dans une partie précise de votre blog, vous utiliserez les conditions énumérés plus haut selon vos besoins. Ces conditions devront être insérées dans votre code html dans la partie :

 MODELE/MODIFIER LE CODE HTML

N'oubliez pas qu'il est important de sauvegarder votre code html afin de pouvoir revenir en arrière en cas d'erreur. Vous pouvez copier/coller le code entier dans un fichier sur votre ordinateur par exemple. Ou tout simplement aller dans PARAMETRES/AUTRE/SAUVEGARDER VOTRE CONTENU.




Vous effectuez une recherche en cliquant avec votre curseur n'importe où dans votre code et ensuite appuyez sur votre clavier  CTRL+F  et insérez dans la barre de recherche le code suivant:

]]></b:skin>

Collez en dessous de ce code, vos différentes conditions.

Ex:

 ]]></b:skin> 
<b:if cond='data:blog.url == data:blog.homepageUrl'><style type = "text/css">
.sidebar {display:none;}
</style></b:if>



Enregistrez le modèle et votre condition devrait fonctionner.

Bien évidemment, ce tutoriel a pour but de mieux comprendre le fonctionnement des "Blogger Conditional Tag" sans aller dans les détails et toutes les fonctionnalités possibles. Mais j'espère que  ça aidera une partie d'entre vous à créer des mises en page sur base de ce tutoriel.



Visiter le blog de Mademoiselle Polish

Vous aimerez aussi

4 commentaires

Articles populaires

Suivez-nous sur Facebook

contact

Image Map