9 oct. 2010

(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>

9 commentaires:

  1. 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.

    RépondreSupprimer
  2. Ben en voulant ajouter un widget dans la barre latérale en page d'accueil, ça a carrément enlevé les widgets en page d'accueil, je ne les retrouve que sur les articles ou les pages...
    Comment faire pour que les widgets réaparaissent en page d'accueil dans la bande latérale ?

    RépondreSupprimer
  3. Voir blog pour vérifier :

    http://marine-et-jaune.blogspot.fr/

    Merci.

    RépondreSupprimer
  4. Salut ! Voici mon blog : http://poweredbyanimes.blogspot.com/

    Je voulais savoir ce que vous en pensez mais aussi si vous pouviez m'aider, pour mon slider, il y'a le cadre blanc du widget qui ressort des côté alors que je voudrais seulement afficher le slider sans le cadre

    RépondreSupprimer
  5. Merci pour vos conseils . J'applique ces astuces pour booster mon blog Statut facebook et ça marche à merveille

    RépondreSupprimer
  6. Merci beaucoup ça marche nikel. Moi qui voulais déclencher un pti message comme sur arte radio point com... merci !!!!

    http://www.cicindele.com/

    RépondreSupprimer
  7. Bonjour,
    Depuis que Blogger a remanié la présentation du code html, comment retrouver l'emplacement pour supprimer les widgets en pages autres que l'accueil.
    Merci

    RépondreSupprimer
  8. Génial ! super ! ça marche à merveille !
    Merci à vous pour ce partage très utile. Je l'ai utilisé pour enlever 2 sliders sur les pages suivantes de l'accueil. Avant d'avoir lu votre post, je pensais ne jamais y arriver.
    Bonne soirée à vous.

    RépondreSupprimer

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)