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>
<b:widget id='HTML3' locked='false' title='LE_NOM_DE_VOTRE_WIDGET' type='HTML'>Pour afficher le widget dans toutes les pages de votre blog, sauf la page d'accueil.
<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>
<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'>Voilà il faut ajouter uniquement les codes en rouge.
<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>
J'ai installé LinkWithin ! Il ne s'affiche pas du tout sur mon blog ? je ne comprends ps
@ 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...
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
Linkwith a répondu. Ils ont résolu le probleme. ça marche ;;)
@ Shehrazad
C'est cool, j'adore ce widget.
merciiiiiiiiiiiiiiiiiii bcpppppppppp ça marche
@
C'est cool ...
Bonsoir j'ai voulu appliquer ce tuto mais j'ai eu un message d'erreur et je pige pas trop
@CurlyPaint
Faut juste vérifié ou tu as copié le code =))
est t'il possible de tout faire disparaitre pour ne laisser que le message ?
@Curly
Comment ça ;)
est t'il possible de tout virer des post y compris l'image d'en tête du blog ?
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 ..
C'est obligatoire de donner un nom a son widget ?
AM
@AM
Bien sur que non, c'est juste pour le retrouver plus facilement.
@CurlyPaint
Oui
@Emilie
Je crois que je t'ai répondu ailleurs où tu as laissé un commentaire pareil ;;)
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
J'ai trouvé entre temps: désolé du dérangement et encore bravo pour votre site !
@Sébastien MICHEL
Et qu'est ce qui clochait ;)
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 ... :(
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 !
@Nicole Barrière Jahan
Ah oui c'est pas top, pourquoi tu n'utilises pas le diaporama Picasa de Blogger ;)
pas pensé ... je vais aller regarder comment ça marche ... ;)
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" ?
;) faut copier/coller au bon endroit pour afficher/cacher un widget ;)
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...
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
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
@Cathy B
Faut utiliser le 3ième code ça devrait marcher....
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...
Ah j'ai oublié, il faut juste remplacé le == (égal) par != (différent):)
Alors ça donne quoi ;)
ç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). ;)
@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
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
Merci Soufiane, :)
J'avais laissé tomber ce petit point de détail dans mon template. Je vais retourner bidouiller mon CSS cette semaine...
Bonjour,
Comment afficher un widget sur toutes les pages sauf une où il n a pas sa place ?
Merci
Isa
@Isa
Il Faut utiliser le 3ième code en remplaçant == par !=
@soufian
Bien sûr que non, la seule chose qu'il ne faut pas faire c'est supprimer le lien du Designer :)
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
Tout le monde fait ça :((
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
Ne fonctionne pas chez moi car j'ai un message d'erreur de type XML...div..end-tag: que dois-je faire?
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
@SELECT-MU
bien sûr que si, il faut juste localiser les <b:includable ...> et </b:includable>
@Kahlong
Pareil la réponse précédente ...
@iza
Je ne pense pas :z j'avais essayer mais sans réussite :((
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 !
Faut faire attention à l'emplacement c'est tooooooooooooooooooooooooo
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
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>
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
@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 !=
oh merci :)
Salut Soufiane et merci d'avoir répondu si vite ! :D
Selon ton exemple, le code du widget débute obligatoirement par .
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 ?
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
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
Bon tant pis je laisse tomber
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 !
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 !
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 !
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
c bon j'ai trouve!!
Bonjour Soufiane,
Ce code marche pour moi en utilisant != pour une url. Mais Je voudrais que mon widget s'affiche partout sauf dans "plusieurs pages précises" donc J'aurais voulu exclure plusieurs url mais je ne trouve pas la syntaxe exacte.
Si j'utilise le code == qui n'affiche le widget que sur la page d’accueil, il ne s'affichera pas non plus sur la page d'un message unique, donc pas cool!
J'ai réussi à le faire en répétant la condition à chacune des pages que je veux exclure et en répétant le mais y aurait-il une syntaxe du style !="http://...,http://...,http ou autre ?
Bonjour Soufiane,
Merci pour ces astuces très utiles.
Une question cependant, je n'ai pas trouvé comment afficher gràce à cette astuce les boutons retweet et fb que j'ai ajouté après chacun de mes articles comme indiqué dans un autre de vos articles, mais comment les afficher sur toutes les pages (y compris les pages des articles eux-même) sauf ma page quoi de neuf et Twitter ?
http://sujetsdactu.blogspot.com
Merci par avance pour votre réponse
C'est bon Soufiane j'ai trouvé :-)
Un échange de lien vous intéresserait-il ?
Merci
Bonjour,
Cela fait plusieurs fois que je tente d'installer LinkWithin, sans succès, que faire ? Auriez-vous une solution ?
Merci d'avance.
http://tr3fle.blogspot.com/
ien le bonjour,
J'ai réussi à appliquer cette astuce, le module ne s'affiche que sur la page d'accueil (comme souhaité).
Mais j'ai un petit souci, sur les autres pages il reste en partie visible.
http://img401.imageshack.us/img401/8320/imagekf.png
C'est le rectangle blanc sous le menu.
Le widget est un bloc de texte.
Sauriez-vous m'aider ?
sur un de mes blog( j'en ai deux) within m'envoie des photod mélangées perso avec d'autres dont je ne veux pas comment faire, merci oubien encore les carrés apparaissent avec le texte mais sans image, merci de m'éclairer
@le bord doré des nuages
C'est automatique, quand il n'y a pas d'image dans l'article, pas d'image dans within
Bonjour Soufiane, je veux mettre Linkwithin seulement à la fin de mes articles et pas à la page d'accueil. J'ai suivi tes codes mais ça ne marche pas, je ne comprend pas.
De plus, je trouve que les suggestions faites par Linkwithin ne sont très peu en rapport avec le libellé de l'article.
Bonjour Souf !
je sais si la question à déja été posée ou pas, mais moic e que je veux dans mon blog, c de mettre le widget seulement qu'on clique sur "lire la suite" d'un message, du cioup il doit pas apparaitre dans la page d'acceuil sur chaque message du blog (sachant que chaque page contient 7 sujets)
Merci pour ta réponse !
iZak
www.wibuzz.blogspot.com
Help Soufiane ! Je me permet de reposter un commentaire car vraiment je ne comprend pas, je n'arrête pas de mettre ton code pour afficher ce widget seulement quand on clique sur l'article (lire la suite) et non ça ne marche pas, Linkwithin est toujours présent en page d'accueil.
Pourrais-tu m'en dire plus parce que là ça me rend fou.
Merci. A bientot
Waouh j'y suis enfin arrivé, il y avait un gros souci dans mes codes HTML.
Bonjour,
Je me permet de poster ici car j'ai un problème avec mes widgets depuis quelque temps, quand j'ai voulu continuer mon site je me suis rendu-compte que tous les widgets de mes pages sauf la page d'accueil, avaient disparus et depuis il m'est impossible de les remettre. Si quelqu'un connais la solution à ce problème je suis prête à l'écouter!!
Merci d'avance
Charlotte
Bonsoir soufiane,
Nikel cette astuce :) mais j'aimerais afficher un même widget sur 5 pages spécifiques comment faire stp ?
Salut charlotte j'ai eu ce meme probleme après avoir redirigé mon nom de domaine sur le blog (tous mes widget ainsi que mon favicon avaient disparus alors que toujours présents ds mon HTML et impossible de les remettre ou faire apparaitre) je n'ai pas trouvé de solution à par rebasculer sur blogpost pff :(
Mon problème c'est que ça a marché pour les anciens messages , mais pour les nouveaux non , j'ai l'apparition du widget que soit sur la page d’accueil et
sur les messages ( ça pour CHROME ) pour explorer ( pas de problème ) .
Merci de me répondre SOUFIANE
HELLO, le code != ne marche pas pour moi, le widget est tjrs là, et sur tte les pages....
je ne comprend pas..
salut soufian merci pour ce poste, y'a t'il une façon pour que le gadget n'appariasse pas dans la page d'acceuil et les pages label par exemple : www......../label, j'utilise linkwithin
http://worldbuz.blogspot.com
je vien de tester linkwithin et ton code pour masquer en page d'acceuil et je voi que meme le code fonctione aussi pour les labels, merci le blogger