Les balises conditionnelles
<b:if> /
<b:else/> (
si /
sinon) sont des �l�ments sp�cifiques � Blogger qui offrent davantage de souplesse en permettant de d�finir des modifications de mod�le qui ont lieu uniquement dans certaines conditions.
Les balises des conditions, Blogger Conditional Tags, sont utilis�es dans le code HTML du mod�le pour indiquer aux navigateurs ce que doit �tre afficher ou cacher selon le cas.
Vous allez voir que les conditions constituent vraiment la base pour rendre votre blog dynamique, c'est-�-dire pour afficher des choses diff�rentes en fonction de type des pages, de l'auteur, du nombre de commentaires, etc.
Principe Et Syntaxe Des Balises Conditionnelles
Le principe d'utilisation des balises conditionnelles est simple : on d�finie une condition et le contenu sera ex�cut� selon tel ou tel cas.
Ces balises peuvent �tre ins�r�es aussi bien dans le code HTML du mod�le que dans une gadget HTML/Js.
D'une mani�re g�n�rale, la syntaxe (
en fran�ais) est la suivante :
Si Condition = �l�ment_compar� | op�rateur de comparaison | �l�ment comparant
=>Ex�cuter cette partie
Sinon
=>Ex�cuter cette autre partie
Fin si
Exemple :
SI le type de la page est �gale � TYPE
=> Ex�cuter cette partie
SINON
=> Ex�cuter cette autre partie
Fin de condition
on peut aussi utiliser une deuxi�me condition � la place de
SINON :
SI le type de la page est �gale � TYPE
=> Ex�cuter cette partie
Fin de condition1
SI le type de la page est diff�rent de TYPE
=> Ex�cuter cette autre partie
Fin de condition2
Par exemple, si on veut afficher BONJOUR dans les pages article et BYE sur toutes les autres pages, alors
en langage HTML cela donne :
<b:if cond='data:blog.pageType == "item"'>
BONJOUR
<b:else/>
BYE
</b:if>
ou encore :
<b:if cond='data:blog.pageType == "item"'>
BONJOUR
</b:if>
<b:if cond='data:blog.pageType != "item"'>
BYE
</b:if>
* � noter que la comparaison avec un autre �l�ment n'est pas obligatoire; donc s'il n'existe pas d'�l�ment comparant, la comparaison se fait selon le contenu de la donn�e.
Exemple :
<b:if cond='data:post.title'>
Cependant, la balise
b:else n'est pas aussi obligatoire. Elle est utile s'il s'agit d'ex�cuter une alternative.
* L'�l�ment compar� peut �tre une donn�e Blogger, une valeur texte ou une valeur num�rique.
s'il s'agit d'une valeur texte, elle doit �tre encadr� de guillemet (
' ') �chapp�s
(") => Exemple : "Texte encadr�"
* Les op�rateurs de comparaison :
Voici comment comparer les donn�es dans Blogger :
| Op�rateur | Signification | Type de valeur |
| == | Est �gal � | texte ou num�rique |
| != | Est diff�rent de | texte ou num�rique |
| > | Est plus grand que | Uniquement num�rique |
| < | Est plus petit que | Uniquement num�rique |
Les Diff�rents Types De Pages Blogger Et Les Balises Conditionnelles � Utiliser
La page d'accueil du blog : Blogger Home page<b:if cond='data:blog.url == data:blog.homepageUrl'>
{...}
</b:if>
Les pages articles (message,post) ou Items<b:if cond='data:blog.pageType == "item"'>
{...}
</b:if>
Les pages index : index page Elle se r�f�re � toutes les autres pages sauf les pages articles c�d la page d'accueil, de libell�s, des archives et celle de la recherche.
<b:if cond='data:blog.pageType == "index"'>
{...}
</b:if>
Les pages statiques : static page<b:if cond='data:blog.pageType == "static_page"'>
{...}
</b:if>
Cibler � la fois les pages articles et les pages statiques <b:if cond='data:blog.url == data:post.url'>
{...}
</b:if>
Les pages de libell�s : Label page<b:if cond='data:blog.searchLabel'>
{...}
</b:if>
Les pages des archives : Archive page<b:if cond='data:blog.pageType == "archive"'>
{...}
</b:if>
Une page en particulier :Il suffit d'ins�rer l'adresse URL de la page d�sir�e.
<b:if cond='data:blog.url == "URL_De_La_Page"'>
{...}
</b:if>
Page d'erreur 404 : Blogger error page<b:if cond='data:blog.pageType == "error_page"'>
{...}
</b:if>
Le premier article ou l'article le plus r�cent du blog<b:if cond='data:post.isFirstPost'>
La version mobile<b:if cond='data:blog.isMobile'>
Inverser Une Condition
Une condition peut �tre invers� simplement en rempla�ant l'op�rateur
== (est �gal �) avec l'op�rateur
!= (est diff�rent de) :
<b:if cond='data:blog.url != data:blog.homepageUrl'>
{...}
</b:if>
Dans l'exemple pr�c�dant le contenu va s'afficher dans toutes les pages du blog
mais pas dans la page d'accueil.
Comment utiliser les balises conditionnelles
Le contenu qu'on veut afficher/masquer doit �tre ins�rer � l'int�rieur de la condition c�d entre les deux balises
<b:if...> et
</b:if>Les conditions peuvent �tre utiliser n'importe-o� dans le code HTML, mais dans certain cas il faut les ins�rer avec soin afin d'�viter l'affichage des erreurs lors de l'enregistrement du mod�le.
Par exemple si on veut appliquer une condition sur un widget il faut la mettre entre les deux balises
<b:includable id=....> et
</b:includable>Dans certaines situations il faut regrouper plusieurs conditions afin d'arriver � un r�sultat. Par exemple pour afficher un contenu dans la page d'accueil, dans les pages statiques et dans un article en particulier, il faut �crire �a :
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<b:if cond='data:blog.url == "static_page"'>
<b:if cond='data:blog.url == "URL_De_La_Page"'>
Le contenu qu'on veut l'afficher uniquement si on se trouve dans la page d'accueil ou dans une page statique ou dans l'article indiqu�.
</b:if>
</b:if>
</b:if>
N'oubliez surtout pas de fermer les conditions avec la balise
</b:if> pour chaque
<b:if...> us�.
