9 oct. 2010

1 (Blogger) Afficher un widget uniquement en page d'accueil ou en page des articles

Blogger ne permet pas une configuration différente selon les parties du blog : accueil ou articles.
Il est malgré tout possible d'afficher des widgets différents dans ces parties en intervenant sur la structure.

Cette astuce pourra vous être utile pour afficher le widget des derniers articles seulement dans les pages articles et non pas accueil, où ces derniers articles apparaissent.

Voici comment faire :

1ère étape : vous trouvez le nom de votre widget.

C'est simple, vous allez dans Présentation > Eléments de la page > vous cliquez sur Modifier sur le pavé représentant le widget.
Une fenêtre s'ouvre, vous faîtes défiler jusqu'à la fin la barre de navigation :


Et vous trouvez son nom : HTML12 (dans mon exemple)

2ème étape : vous allez dans Présentation > Modifier le code HTML

Vous cochez Développer des modèles de gadgets

Vous recherchez  (Edition > Rechercher) :
<b:widget id='HTML12'
Vous devez voir apparaître des lignes ressemblant à cela
<b:widget id='HTML12' locked='false' title='Nouveautés' type='HTML'>
<b:includable id='main'>
  <!-- only display title if it's non-empty -->
  <b:if cond='data:title != &quot;&quot;'>
    <h2 class='title'><data:title/></h2>
  </b:if>
  <div class='widget-content'>
    <data:content/>
  </div>

  <b:include name='quickedit'/>
</b:includable>
</b:widget>
Pour faire apparaître ce widget uniquement en pages articles, vous allez rajoutez ce qui est en bleu
<b:widget id='HTML12' locked='false' title='Nouveautés' type='HTML'>
<b:includable id='main'>
<b:if cond='data:blog.pageType == "item"'>
  <!-- only display title if it's non-empty -->
  <b:if cond='data:title != &quot;&quot;'>
    <h2 class='title'><data:title/></h2>
  </b:if>
  <div class='widget-content'>
    <data:content/>
  </div>

  <b:include name='quickedit'/>
</b:if>
</b:includable>
</b:widget>

Pour faire apparaître ce widget uniquement en accueil, vous allez rajoutez ce qui est en bleu
<b:widget id='HTML12' locked='false' title='Nouveautés' type='HTML'>
<b:includable id='main'>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
  <!-- only display title if it's non-empty -->
  <b:if cond='data:title != &quot;&quot;'>
    <h2 class='title'><data:title/></h2>
  </b:if>
  <div class='widget-content'>
    <data:content/>
  </div>

  <b:include name='quickedit'/>
</b:if>
</b:includable>
</b:widget>

1 commentaires:

guilhem a dit…

Super, merci pour cette astuce. J'étais à 2 doigts d'utiliser une nouvelle plateforme que Blogger pour développer mon blog étant donné le peu de personnalisation possible ! Ne connaissant pas le HTML, je vais continuer d'explorer ton blog pour découvrir de nouvelles astuces.

Enregistrer un commentaire

1/ Choisissez Nom/URL comme profil pour poster, si vous hésitez
2/ Si vous désirez une aide personnalisée, pensez à laisser l'adresse de votre blog, ce qui me permettra de tester.
3/ Vous pouvez vous abonner par email pour suivre les réponses de cet article (lien sous la zone de rédaction du commentaire)