Chagement en cours ...

Afficher un Widget dans des pages specifiques du Blog

Afficher des widget seulement dans les pages que vous choisissez !

Une fois que vous ajoutez un widget dans votre blog, il vas s'afficher dans toutes les pages de celui-ci ( la page d'accueil et chaque page de message).
Mais des fois on veux afficher un widget, seulement dans la page d'accueil ou seulement dans les pages des messages ou même dans une page specifique du blog.
La configuration de cette astuce est très simple, mais il faut que chaqu'un de vos widget est un nom bien specific pour que vous le trouver dans le code HTML (une fois que vous avez effectué cette astuce vous pouvez modifer son nom ou le supprimer).

Connectez vous à Blogger, Allez dans "Mise en page", "Modifier le code HTML", cochez la case "Développer des modèles de gadgets", et recherchez (Ctrl + F) le code suivant: <b:widget id  vous allez trouver tout les widgets de votre blog.
Maintenant repérer le widget que vous voulez personnaliser (par exemple Adsense, Archive ...). Le code de votre widget doit ressemble à ceçi :


<b:widget id='HTML3' locked='false' title='LE_NOM_DE_VOTRE_WIDGET' type='HTML'>
<b:includable id='main'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != ""'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>
<b:include name='quickedit'/>
</b:includable>
</b:widget>
une fois que vous avez reperé le widget, pour afficher ce widget seulement dans la page d'acceuil, ajouter les deux ligne en rouge:
<b:widget id='HTML3' locked='false' title='LE_NOM_DE_VOTRE_WIDGET' 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 != ""'>
<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 afficher le widget dans toutes les pages de votre blog, sauf la page d'accueil.
<b:widget id='HTML3' locked='false' title='LE_NOM_DE_VOTRE_WIDGET' 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 != ""'>
<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 afficher le widget dans une page specific et seulement dans cette page de votre blog.
<b:widget id='HTML3' locked='false' title='LE_NOM_DE_VOTRE_WIDGET' type='HTML'>
<b:includable id='main'>
<b:if cond='data:blog.url == "ENTRER_ICI_UNE_URL_DE_VOTRE_BLOG_http://..."'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != ""'>
<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>
Voilà il faut ajouter uniquement les codes en rouge.

66 Commentaires

J'ai installé LinkWithin ! Il ne s'affiche pas du tout sur mon blog ? je ne comprends ps

16 août 2009 15:30  

@ Shehrazad
c'est bizare, d'habitude quand ça beug, il affiche un blanc en attendant de bien indéxé tout les articles du blog mais là ???
Essai de le ré-installer...

16 août 2009 16:15  

Je l'ai fait plusieurs fois. J'ai ecrit linkwithin. Peut être il y a un bug avec le template.
Merci pour ta réponse

16 août 2009 19:23  

Linkwith a répondu. Ils ont résolu le probleme. ça marche ;;)

16 août 2009 22:46  

@ Shehrazad
C'est cool, j'adore ce widget.

17 août 2009 12:49  
Anonyme

merciiiiiiiiiiiiiiiiiii bcpppppppppp ça marche

7 octobre 2009 11:39  

@
C'est cool ...

9 octobre 2009 14:53  

Bonsoir j'ai voulu appliquer ce tuto mais j'ai eu un message d'erreur et je pige pas trop

9 novembre 2009 22:49  

@CurlyPaint
Faut juste vérifié ou tu as copié le code =))

9 novembre 2009 23:29  

est t'il possible de tout faire disparaitre pour ne laisser que le message ?

12 novembre 2009 13:59  

@Curly
Comment ça ;)

12 novembre 2009 21:21  

est t'il possible de tout virer des post y compris l'image d'en tête du blog ?

12 novembre 2009 22:09  

J'ai ajouté un message d'accueil avec le widget texte. je voudrais qu'il apparaisse uniquement dans la page d'accueil et pas dans les autres pages lorsque je clique sur l'un de mes messages ou libellés. Sophiane j'ai essayé ta méthode et je n'y arrive pas. Le message HTML n'est pas le meme. Tu insères ton 1e code après "includable id='main'" mais le pb c'est que je n'ai pas ce code sur le gadget Texte ..

18 novembre 2009 02:06  
Anonyme

C'est obligatoire de donner un nom a son widget ?
AM

28 novembre 2009 07:45  

@AM
Bien sur que non, c'est juste pour le retrouver plus facilement.

29 novembre 2009 13:53  

@CurlyPaint
Oui

29 novembre 2009 13:54  

@Emilie
Je crois que je t'ai répondu ailleurs où tu as laissé un commentaire pareil ;;)

29 novembre 2009 13:55  

Bonjour,
Peut être pourrez vous m'aider : mon widget commentaire est désactivé et je ne vois pas ce qui cloche.
Internet explorer, le vieux, me donne l'erreur (un vieux navigateur ça sert :-)
mais impossible de la localiser ou de la résoudre
pouvez vous m'aider ?
merci par avance

30 novembre 2009 15:18  

J'ai trouvé entre temps: désolé du dérangement et encore bravo pour votre site !

30 novembre 2009 15:49  

@Sébastien MICHEL
Et qu'est ce qui clochait ;)

30 novembre 2009 20:11  

Hello Soufiane ! Comment vas-tu ? Je reviens vers toi parce que j'ai vu sur un blog qqun qui affichait un diaporama Flickr, mais suffisamment petit pour qu'il tienne dans la colonne des widgets sans tout bousculer... Tu sais comment on fait ça ? J'ai essayé de récupérer le diapo Flickr mais il est trop large tel quel ... :(

3 décembre 2009 18:27  

Ah ben j'ai trouvé un truc qui le fait : http://flickrslidr.com/index.php
mais la mise en page est pas top ... ;)
t'as qu'à voir sur http://dessinchat.blogspot.com ... il y a une bande noire... j'arrive pas à redimensionner au poil ... enfin ça marce quand même !

3 décembre 2009 18:47  

@Nicole Barrière Jahan
Ah oui c'est pas top, pourquoi tu n'utilises pas le diaporama Picasa de Blogger ;)

4 décembre 2009 21:14  

pas pensé ... je vais aller regarder comment ça marche ... ;)

4 décembre 2009 21:44  

Je suis complètement abrutie... J'ai pas laissé un message l'autre jour ?
Je ne comprends pas ce qu'il faut faire avec ce code.

On met quoi dans "data:blog.pageType" et dans "item" ?

25 décembre 2009 05:49  

;) faut copier/coller au bon endroit pour afficher/cacher un widget ;)

26 décembre 2009 10:56  

En fait, mon problème, c'est que je veux afficher les widgets dans toutes les pages du blog sauf :
Home | Profile | Contact | Links
Mais évidemment, comme je suis sur blogspot, mon profil, contact... sont des articles...

4 janvier 2010 06:55  

Hello Soufiane,

Mon Blog est http://nutritionetsante.blogspot.com/

Je voudrais ajouter un gadget Texte en haut de ma page Nutrition et aussi santé et je voudrais que le texte soit encadrer (comme dans ma page d'accueil)mais je ne comprends pas comment!

Je ne trouve pas <b:widget id dans le Html!

Comment faire?

Merci
Martine

15 janvier 2010 23:47  

J'en suis aux finitions d'un nouveau blog.J'ai inséré un bloc texte dans l'entête. Je voudrais que ce bloc-texte s'affiche sur toutes les pages SAUF dans une page précise (une page tarifs-contact, différente de la page d'accueil). Est-ce possible?
Merci à l'avance et bon dimanche

17 janvier 2010 15:59  

@Cathy B
Faut utiliser le 3ième code ça devrait marcher....

17 janvier 2010 19:00  

Je voudrais faire le contraire du dernier code: afficher mon gadget partout sauf sans une (ou deux) pages spécifiques (qui ne sont pas non plus la page d'accueil, donc le code du dessus ne convient pas non plus). Si ça n'est pas possible, pas grave...

18 janvier 2010 15:54  

Ah j'ai oublié, il faut juste remplacé le == (égal) par != (différent):)
Alors ça donne quoi ;)

18 janvier 2010 22:20  

ça ne marche pas: mon gadget texte disparait de toutes les pages (mais il apparait bien dans toujours à sa place dans ma mise en page). ;)

19 janvier 2010 11:31  
Ce message a été supprimé par l'auteur.
23 janvier 2010 23:37  

@Cathy B
Woops, trop de commentaires j'ai zappé le tien....
Bon peut être que tu l'ajoutes dans le mauvais endroit ;)
Essaye d'utiliser une condition pour le CSS avec le display:none; regard l'article pour cacher la barre des widget pour voir comment ça marche.....

Regard cette page pour voir tout ce que j'ai fait avec des petites conditions http://www.leblogger.com/2009/06/template-modele-blogger.html

31 janvier 2010 21:07  

salut je viens de créer mon 1er blog depuis 3 moi et j'ai supprimer le champ de recherche de Template et je veux que tu me donne ton avis.
est ce j'ai violé les droits d'auteur est merci
voila mon blog :http://mamzouka.blogspot.com/
de : safwan

2 février 2010 06:51  

Merci Soufiane, :)
J'avais laissé tomber ce petit point de détail dans mon template. Je vais retourner bidouiller mon CSS cette semaine...

6 février 2010 10:29  
Anonyme

Bonjour,
Comment afficher un widget sur toutes les pages sauf une où il n a pas sa place ?
Merci
Isa

8 février 2010 19:21  

@Isa
Il Faut utiliser le 3ième code en remplaçant == par !=

8 février 2010 21:19  

@soufian
Bien sûr que non, la seule chose qu'il ne faut pas faire c'est supprimer le lien du Designer :)

8 février 2010 21:21  
Anonyme

Bonjour, lorsque je supprime un widget d'une page, un encadrement inutile et inesthétique s'affiche malgré tout. Comment le faire disparaître totalement ? Merci

9 février 2010 11:55  
Ce message a été supprimé par l'auteur.
10 février 2010 07:08  

Tout le monde fait ça :((

10 février 2010 23:12  

Soufiane, comme vous l'indiquez, j ai supprimé des widgets sur certaines des pages de mon blog mais un encadrement inesthétique et inutile reste malgré tout en place. Est il possible de le supprimer totalement ? merci

13 février 2010 08:33  

Ne fonctionne pas chez moi car j'ai un message d'erreur de type XML...div..end-tag: que dois-je faire?

19 février 2010 15:25  

bonjour soufiane
j'ai suivi la procédure mais malheureusement ca ne fonctionne pas avec le widget "ma liste de blog"
peux tu m'aider
merci

26 février 2010 12:04  

@SELECT-MU
bien sûr que si, il faut juste localiser les <b:includable ...> et </b:includable>

27 février 2010 12:04  

@Kahlong
Pareil la réponse précédente ...

27 février 2010 12:05  

@iza
Je ne pense pas :z j'avais essayer mais sans réussite :((

27 février 2010 12:06  

Génial ! ça fonctionnne. J'ai installé LinkWith, et j'ai ajouté les codes indiqués pour que le widget n'apparaisse pas dans la page d'accueil. J'ai du m'y reprendre à plusieurs fois car j'avais un message d'erreur qui m'indiquait que mes XML n'étaient pas fermés mais au bout de la 3ème fois ça a fonctionné...
Merci !

4 mars 2010 16:22  

Faut faire attention à l'emplacement c'est tooooooooooooooooooooooooo

5 mars 2010 13:32  

Soufiane,

J'ai voulu afficher le widget bloglist (Blogger) sur un e page indépendante parce que je ne voulais pas que ce widget s'affiche dans la colonne de droite et prenne trop de place.

Mais selon tes explications, cela n'a pas fonctionné. Peut-être que tu as mal expliqué mais une chose est sûre, ça ne marche pas. Voici le lien pour que tu vois par toi-même : http://bonheurenlachaumiere.blogspot.com/2010/02/blogoliste-de-la-chaumiere.html

Si tu peux m'aider, alors merci à l'avance... :)

Jean-François

22 mars 2010 23:13  

Exemple:
Tu as un widget qui s'appelle Blogliste, tu veux que ce widget ne s'affiche que dans la page Les voisins dont l'url est http://bonheurenlachaumiere.blogspot.com/p/les-voisins.html


Tu vas dans Blogger tu recherches Blogliste, et tu trouvera un code pareil que celui ci et en ajoutant le code en gras, le widget ne s'affichera que dans la page Les voisins:

<b:widget id='HTML3' locked='false' title='Blogliste' type='HTML'>
<b:includable id='main'>
<b:if cond='data:blog.url == "http://bonheurenlachaumiere.blogspot.com/p/les-voisins.html"'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != ""'>
<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>

23 mars 2010 22:57  

Soufiane ! cette astuce fait en sorte que le widget s'affiche SEULEMENT dans la page les voisins... comment faire pour qui'il ne s'affiche PAS dans la pahe les voisins mais qu'il s'affiche partout ailleurs ?

Merci,
stroobia

24 mars 2010 09:38  

@Camille
Je l'avais déjà dans des commentaires précédents mais Blogger a supprimé automatiquement tous mes commentaires !

Dans le code il suffit de remplacer le == par !=

24 mars 2010 11:18  

oh merci :)

24 mars 2010 12:36  

Salut Soufiane et merci d'avoir répondu si vite ! :D

Selon ton exemple, le code du widget débute obligatoirement par .

25 mars 2010 06:04  

Je crois que Blogger déconne encore car je ne peux pas poster le code css ou html ici en commentaire.

Tu iras lire ma réponse chez moi et tu comprendras mieux ce que je veux dire... :)

Tu sais où j'habite ?

Un gadget impossible

p.s.: Mes smileys ne veulent pas s'afficher :( Est-ce Blogger ?

25 mars 2010 06:09  

Soufiane,

Dernière question stp : je cherche un moyen de comprendre corriger les erreurs de pages web (indiquées par une icône dans la barre d'état).

Voici :

Détails de l’erreur de la page Web

Message : Erreur de syntaxe
Ligne : 1979
Caractère : 1
Code : 0
URI : http://bonheurenlachaumiere.blogspot.com/

Si tu sais comment faire pour corriger de tels problèmes à l'avenir, dis-moi le truc s'il te plaît ! Merci encore ! :D

25 mars 2010 06:17  

Encore moi :)

J'ai installer LinkWithin sur mon blog teste mais pour le mettre ensuite sur toute les pages sauf la page d'accueil je n'est pas le même code que tu donne .... je peu pas enregistré mon modèle sa me mais erreur.

http://i39.tinypic.com/28we8vn.jpg

Le code que tu donne a modifier sur ton poste j'ai pas le meme sur mon HTLM je comprend pas ...

http://movies-city.blogspot.com/

Merci

27 mars 2010 22:07  

Bon tant pis je laisse tomber

28 mars 2010 00:27  

Même problème pour moi le code à modifier n'est pas le même...
en plus le widget est en HTML1 et pas 3.

Si j'essaye d'insérer tant bien que mal les lignes en rouges j'ai le message suivant:
Le gadget dont l'ID est "HTML1" ne peut pas contenir l'élément : "b:if". Un gadget ne peut contenir que des éléments b:includable.

Et en mettant un 3 à la place du 1 c'est la même chose ...
Merci de ton aide, et continu ce bon travail !

6 mai 2010 11:31  

Bonjour Soufiane,
Il me semblait avoir lu ca qq part sur ton blog...mais j ai peut etre reve ! J aimerai installer le widget articles "recents avec image" DANS un message. J ai essaye le 3eme code, le widegt apparait, pas de pb, mais seulement dans ma sidebar de droite lorsque je demande la page specifique. mais j aimerai le mettre dans le corps du message est ce possible ?
Ca faisait un ptit moment que je n etais pas venue..pleins de nouvetes et encore des astuces geniales a employer. MERCI !

22 mai 2010 08:09  

Salut, Je viens de passer sur ton blog. Je me demandais s'il était possible de faire ca mais avec le background du blog. J'aimerai que mon image de fond s'affiche dans toute les pages sauf dans une . J'ai tenté le code du widget mais sans succès. Je ne suis pas très douée non plus. Aurais tu une idée ?

Merci d'avance !

3 juin 2010 03:02  

Salut, merci pour ce tuto. J'ai reussi avec les gadgets "derniers articles" et "Inscription a la newsletter" mais je n'arrive pas a retirer les archives et les Liens. Pourrais-tu m'aider?
Voici mon blog, il est en cours de construction
www.yas-en-amerique-latine.blogspot.com/

Merci d'avance

17 juin 2010 22:53  

c bon j'ai trouve!!

18 juin 2010 13:17  

 
Copyright 2010 LeBlogger.com - Contact
Propulsé gratuitement par Blogger-Blogspot