Cacher widgets en particulier page de blog

Cacher widgets en particulier page de blog Dans cet article, nous allons voir comment masquer ou d'afficher des widgets sur certaines pa...

Cacher widgets en particulier page de blog

Dans cet article, nous allons voir comment masquer ou d'afficher des widgets sur certaines pages.

Par défaut, le blogueur, chaque fois que vous insérez un gadget dans la barre latérale ou même dans le pied de page dans le menu "mise en page" >> "ajouter un gadget", il apparaît sur toutes les pages du blog (initiale, interne et marqueurs et fichiers).
Mais il est possible de définir, par le biais d'un conditionnel, quelles pages widgets devraient apparaître.
Vous pouvez contrôler l'affichage d'un widget / gadget dans votre modèle.

Maintenant, vous verrez combien il est facile de choisir et de définir qui sera l'affichage de tous les gadgets que vous avez installé sur votre modèle.

Avec cette astuce, vous pouvez améliorer la convivialité de vos widgets faisant apparaître que sur les pages qui sont le plus important, pour ne pas mentionner que contribue également à améliorer le chargement de votre blog, pour cacher les pesadinhos de «certains Widgets sur la page d'accueil.

Par exemple, pour une meilleure compréhension:
Disons que vous avez un widget de "Messages populaires" et que vous voulez le cacher à l'intérieur des pages, des signets et fichiers. Vous voulez qu'il apparaisse uniquement sur la page d'accueil.
Accéder au tableau de bord Blogger, cliquez sur le menu "mise en page" et entrez le code HTML de modifier votre modèle en cliquant sur le bouton "modifier html".


Dans le html cliquez sur CTRL + F pour ouvrir la boîte de recherche et recherchez le titre du widget que vous voulez contrôler l'affichage.

Astuce: Pour faciliter les noms de lieux faciles à trouver que gadget1


Exemple - Widget uniquement sur la page d'accueil:

<b:widget id='PopularPosts1' locked='false' title='Popular Posts' type='PopularPosts'>
<b:includable id='main'>

Collez le code qui définit où ce widget apparaît peu après ces lignes, qui, dans l'exemple ci-dessus est:


<b:if cond='data:blog.url == data:blog.homepageUrl'>


Maintenant, vous devez fermer le conditionnel.
Cole:

</b:if>

avant:

</b:includable>



Il devrait ressembler à ceci:

  <b:widget id='PopularPosts1' locked='false' title='Popular Posts' type='PopularPosts' version='1'>
    <b:includable id='main'>  <b:if cond='data:blog.url == data:blog.homepageUrl'>
  <b:if cond='data:title != &quot;&quot;'><h2><data:title/></h2></b:if>
  <div class='widget-content popular-posts'>
    <ul>
      <b:loop values='data:posts' var='post'>
      <li>
        <b:if cond='!data:showThumbnails'>
          <b:if cond='!data:showSnippets'>
            <!-- (1) No snippet/thumbnail -->
            <a expr:href='data:post.href'><data:post.title/></a>
          <b:else/>
            <!-- (2) Show only snippets -->
            <div class='item-title'><a expr:href='data:post.href'><data:post.title/></a></div>
            <div class='item-snippet'><data:post.snippet/></div>
          </b:if>
        <b:else/>
          <!-- (3) Show only thumbnails or (4) Snippets and thumbnails. -->
          <div expr:class='data:showSnippets ? &quot;item-content&quot; : &quot;item-thumbnail-only&quot;'>
            <b:if cond='data:post.thumbnail'>
              <div class='item-thumbnail'>
                <a expr:href='data:post.href' target='_blank'>
                  <img alt='' border='0' expr:height='data:thumbnailSize' expr:src='data:post.thumbnail' expr:width='data:thumbnailSize'/>
                </a>
              </div>
            </b:if>
            <div class='item-title'><a expr:href='data:post.href'><data:post.title/></a></div>
            <b:if cond='data:showSnippets'>
              <div class='item-snippet'><data:post.snippet/></div>
            </b:if>
          </div>
          <div style='clear: both;'/>
        </b:if>
      </li>
      </b:loop>
    </ul>
    <b:include name='quickedit'/>
  </div>
 </b:if>  </b:includable>
  </b:widget>

 Ready, votre widget / gadget apparaîtra uniquement sur la page d'accueil du blog.

Donc, ne pas oublier:
Chaque fois que vous voulez cacher un widget sur une page particulière, vous devez localiser le titre que vous avez donné le widget et collez le code conditionnel désiré juste après la ligne:

<b:includable id='main'>
puis coller la ligne:

</b:if>
avant le passage:
</b:includable>

Voir la libération conditionnelle de code spécifique pour chaque fonction:

Conditionals pour cacher / gadgets d'affichage sur Blogger

Pour HIDE seulement un widget sur la page d'accueil:

<b:if cond='data:blog.homepageUrl != data:blog.url'>

CACHER à un widget que sur les pages internes (messages), mais l'affichage à la maison, des marqueurs et des fichiers:

<b:if cond='data:blog.pageType != "item"'>

CACHER pour un widget sur la page d'accueil, les signets et les fichiers, mais avec vue sur les pages intérieures:

<b:if cond='data:blog.pageType == "item"'>


CACHER à un widget uniquement sur les pages statiques:

<b:if cond='data:blog.pageType != "static_page"'>

Pour MONTRER seulement un widget sur la page d'accueil:

<b:if cond='data:blog.url == data:blog.homepageUrl'>

MONTRER pour un widget que dans les pages du fichier:

<b:if cond='data:blog.pageType == "archive"'>


MONTRER pour un widget uniquement sur les pages statiques:

<b:if cond='data:blog.pageType == "static_page"'>

Tags: Masquer widgets sur une page particulière, l'élément apparaît uniquement sur la page d'accueil et / ou sont dans les messages, définir quelles pages vos widgets apparaissent, montrant un élément seulement sur la page d'accueil

[Astuce] Se souvenant: Certains gadgets sont «problématiques, comme les disciples, par exemple, autant que nous entrons conditionnelle pour le cacher sur une page particulière, ils ne sont pas cachés Si une condition que vous avez entré n'a pas fonctionné. Je vous recommande de tester en utilisant l'autre. [/ indice]

Lire d'autres articles qui traitent de la personnalisation des pages de blog, vous pourriez être intéressé à apprendre d'autres façons de définir des styles et mieux personnaliser votre blog en utilisant Blogger conditionnelle à:

COMMENTS


Nome

Articles,36,Astuces,15,Blog,22,Creation,3,Design,1,Gagner de l'argent,2,Guest Post,1,Monetization,18,Nouvelles,1,Seo,15,Shortcode,14,Videos,3,Wallpaper,2,
ltr
item
École Blogueur Pro Formation: Cacher widgets en particulier page de blog
Cacher widgets en particulier page de blog
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjCH0RnVWXjpBnz57TVMmUQLf3xlX95z6Dg2xYBQJSwy3F84X89iM1WUxzz3_tYUV_pP68OaiAKR_MRvCfw92uRhmWFvnK3ZOS23s9GhBdOjFQ-vXvko3PLUtD4V66FvIETAghONljfYhod/s640/gadget+appara%25C3%25AEt+uniquement+sur+la+page+d%2527accueil%252C+hide+gadget%252C+gadget+spectacle%252C+eblogueur+ebloguer.png
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjCH0RnVWXjpBnz57TVMmUQLf3xlX95z6Dg2xYBQJSwy3F84X89iM1WUxzz3_tYUV_pP68OaiAKR_MRvCfw92uRhmWFvnK3ZOS23s9GhBdOjFQ-vXvko3PLUtD4V66FvIETAghONljfYhod/s72-c/gadget+appara%25C3%25AEt+uniquement+sur+la+page+d%2527accueil%252C+hide+gadget%252C+gadget+spectacle%252C+eblogueur+ebloguer.png
École Blogueur Pro Formation
http://eblogueur.blogspot.com/2017/03/cacher-widgets-en-particulier-page-de.html
http://eblogueur.blogspot.com/
http://eblogueur.blogspot.com/
http://eblogueur.blogspot.com/2017/03/cacher-widgets-en-particulier-page-de.html
true
5823285670148828479
UTF-8
Loaded All Posts Not found any posts VIEW ALL Readmore Reply Cancel reply Delete By Home PAGES POSTS View All RECOMMENDED FOR YOU LABEL ARCHIVE SEARCH ALL POSTS Not found any post match with your request Back Home Sunday Monday Tuesday Wednesday Thursday Friday Saturday Sun Mon Tue Wed Thu Fri Sat January February March April May June July August September October November December Jan Feb Mar Apr May Jun Jul Aug Sep Oct Nov Dec just now 1 minute ago $$1$$ minutes ago 1 hour ago $$1$$ hours ago Yesterday $$1$$ days ago $$1$$ weeks ago more than 5 weeks ago Followers Follow CE CONTENU EST PRIMAIRE Veuillez partager pour déverrouiller Copy All Code Select All Code All codes were copied to your clipboard Can not copy the codes / texts, please press [CTRL]+[C] (or CMD+C with Mac) to copy