Les fichiers XML des thèmes - <body>

Blogger - <body> node
Description du fichier
Le nœud <body> est le corps principal du fichier XML et du document HTML généré. Il contient un balisage standard HTML, un balisage spécifique au langage Blogger et des sections de gadgets.
Il ne peut y avoir qu'un nœud <body> dans le fichier XML.
Directives d'usage et niveau de priorité de mise à jour
Thème Version 1
Garantie d'usage : Aucune
Aucune priorité
Thème Version 2
Garantie d'usage : Oui
Priorité moyenne
Thème Dynamique
Garantie d'usage : Oui
Priorité moyenne
Thème Version 3
Garantie d'usage : Oui
Priorité haute


Vue d'ensemble du nœud

Simple, Picture Windows, Awesome Inc., Watermark, Ethereal et Travel

<body expr:class='"loading" + data:blog.mobileClass'>
  <b:section class='navbar' id='navbar' maxwidgets='1' name='Navbar' showaddelement='no'>
    <b:widget id='Navbar1' locked='true' title='Navbar' type='Navbar'></b:widget>
  </b:section>

  <b:if cond='data:blog.pageType == "index"'>
    <div itemscope='itemscope' itemtype='http://schema.org/Blog' style='display: none;'>
      <meta expr:content='data:blog.title' itemprop='name'/>
      <b:if cond='data:blog.metaDescription'>
        <meta expr:content='data:blog.metaDescription' itemprop='description'/>
      </b:if>
    </div>
  </b:if>

  <div class='body-fauxcolumns'>
    <div class='fauxcolumn-outer body-fauxcolumn-outer'>
    <div class='cap-top'>
      <div class='cap-left'/>
      <div class='cap-right'/>
    </div>
    <div class='fauxborder-left'>
    <div class='fauxborder-right'/>
    <div class='fauxcolumn-inner'>
    </div>
    </div>
    <div class='cap-bottom'>
      <div class='cap-left'/>
      <div class='cap-right'/>
    </div>
    </div>
  </div>

  <div class='content'>
  <div class='content-fauxcolumns'>
    <div class='fauxcolumn-outer content-fauxcolumn-outer'>
    <div class='cap-top'>
      <div class='cap-left'/>
      <div class='cap-right'/>
    </div>
    <div class='fauxborder-left'>
    <div class='fauxborder-right'/>
    <div class='fauxcolumn-inner'>
    </div>
    </div>
    <div class='cap-bottom'>
      <div class='cap-left'/>
      <div class='cap-right'/>
    </div>
    </div>
  </div>

  <div class='content-outer'>
  <div class='content-cap-top cap-top'>
    <div class='cap-left'/>
    <div class='cap-right'/>
  </div>
  <div class='fauxborder-left content-fauxborder-left'>
  <div class='fauxborder-right content-fauxborder-right'/>
  <div class='content-inner'>

    <header>
    <div class='header-outer'>
    <div class='header-cap-top cap-top'>
      <div class='cap-left'/>
      <div class='cap-right'/>
    </div>
    <div class='fauxborder-left header-fauxborder-left'>
    <div class='fauxborder-right header-fauxborder-right'/>
    <div class='region-inner header-inner'>
      <b:section class='header' id='header' maxwidgets='1' name='Header' showaddelement='no'>
        <b:widget id='Header1' locked='true' title='BLOG_TITLE (Header)' type='Header'></b:widget>
      </b:section>
    </div>
    </div>
    <div class='header-cap-bottom cap-bottom'>
      <div class='cap-left'/>
      <div class='cap-right'/>
    </div>
    </div>
    </header>

    <div class='tabs-outer'>
    <div class='tabs-cap-top cap-top'>
      <div class='cap-left'/>
      <div class='cap-right'/>
    </div>
    <div class='fauxborder-left tabs-fauxborder-left'>
    <div class='fauxborder-right tabs-fauxborder-right'/>
    <div class='region-inner tabs-inner'>
      <b:section class='tabs' id='crosscol' maxwidgets='1' name='Cross-Column' showaddelement='yes'/>
      <b:section class='tabs' id='crosscol-overflow' name='Cross-Column 2' showaddelement='no'/>
    </div>
    </div>
    <div class='tabs-cap-bottom cap-bottom'>
      <div class='cap-left'/>
      <div class='cap-right'/>
    </div>
    </div>

    <div class='main-outer'>
    <div class='main-cap-top cap-top'>
      <div class='cap-left'/>
      <div class='cap-right'/>
    </div>

    <div class='fauxborder-left main-fauxborder-left'>
    <div class='fauxborder-right main-fauxborder-right'/>
    <div class='region-inner main-inner'>

      <div class='columns fauxcolumns'>

        <div class='fauxcolumn-outer fauxcolumn-center-outer'>
        <div class='cap-top'>
          <div class='cap-left'/>
          <div class='cap-right'/>
        </div>
        <div class='fauxborder-left'>
        <div class='fauxborder-right'/>
        <div class='fauxcolumn-inner'>
        </div>
        </div>
        <div class='cap-bottom'>
          <div class='cap-left'/>
          <div class='cap-right'/>
        </div>
        </div>

        <div class='fauxcolumn-outer fauxcolumn-left-outer'>
        <div class='cap-top'>
          <div class='cap-left'/>
          <div class='cap-right'/>
        </div>
        <div class='fauxborder-left'>
        <div class='fauxborder-right'/>
        <div class='fauxcolumn-inner'>
        </div>
        </div>
        <div class='cap-bottom'>
          <div class='cap-left'/>
          <div class='cap-right'/>
        </div>
        </div>

        <div class='fauxcolumn-outer fauxcolumn-right-outer'>
        <div class='cap-top'>
          <div class='cap-left'/>
          <div class='cap-right'/>
        </div>
        <div class='fauxborder-left'>
        <div class='fauxborder-right'/>
        <div class='fauxcolumn-inner'>
        </div>
        </div>
        <div class='cap-bottom'>
          <div class='cap-left'/>
          <div class='cap-right'/>
        </div>
        </div>

        <!-- corrects IE6 width calculation -->
        <div class='columns-inner'>

        <div class='column-center-outer'>
        <div class='column-center-inner'>
          <b:section class='main' id='main' name='Main' showaddelement='no'>
            <b:widget id='Blog1' locked='true' title='Blog Posts' type='Blog'></b:widget>
          </b:section>
        </div>
        </div>

        <div class='column-left-outer'>
        <div class='column-left-inner'>
          <aside>
          <macro:include id='main-column-left-sections' name='sections'>
            <macro:param default='0' name='num'/>
            <macro:param default='sidebar-left' name='idPrefix'/>
            <macro:param default='sidebar' name='class'/>
            <macro:param default='true' name='includeBottom'/>
          </macro:include>
          </aside>
        </div>
        </div>

        <div class='column-right-outer'>
        <div class='column-right-inner'>
          <aside>
          <macro:include id='main-column-right-sections' name='sections'>
            <macro:param default='2' name='num'/>
            <macro:param default='sidebar-right' name='idPrefix'/>
            <macro:param default='sidebar' name='class'/>
            <macro:param default='true' name='includeBottom'/>
          </macro:include>
          </aside>
        </div>
        </div>

        </div>

        <div style='clear: both'/>
      <!-- columns -->
      </div>

    <!-- main -->
    </div>
    </div>
    <div class='main-cap-bottom cap-bottom'>
      <div class='cap-left'/>
      <div class='cap-right'/>
    </div>
    </div>

    <footer>
    <div class='footer-outer'>
    <div class='footer-cap-top cap-top'>
      <div class='cap-left'/>
      <div class='cap-right'/>
    </div>
    <div class='fauxborder-left footer-fauxborder-left'>
    <div class='fauxborder-right footer-fauxborder-right'/>
    <div class='region-inner footer-inner'>
      <macro:include id='footer-sections' name='sections'>
        <macro:param default='2' name='num'/>
        <macro:param default='footer' name='idPrefix'/>
        <macro:param default='foot' name='class'/>
        <macro:param default='false' name='includeBottom'/>
      </macro:include>
      <!-- outside of the include in order to lock Attribution widget -->
      <b:section class='foot' id='footer-3' name='Footer' showaddelement='no'>
        <b:widget id='Attribution1' locked='true' title='' type='Attribution'></b:widget>
      </b:section>
    </div>
    </div>
    <div class='footer-cap-bottom cap-bottom'>
      <div class='cap-left'/>
      <div class='cap-right'/>
    </div>
    </div>
    </footer>

  <!-- content -->
  </div>
  </div>
  <div class='content-cap-bottom cap-bottom'>
    <div class='cap-left'/>
    <div class='cap-right'/>
  </div>
  </div>
  </div>

  <script type='text/javascript'>
    window.setTimeout(function() {
        document.body.className = document.body.className.replace('loading', '');
      }, 10);
  </script>
</body>

Dynamics

<body>
  <b:if cond='data:blog.isDynamicViewsAvailable'>
    <div class='content'>
      <div class='content-outer'>
        <div class='fauxborder-left content-fauxborder-left'>
          <div class='content-inner'>
            <div class='main-outer'>
              <div class='fauxborder-left main-fauxborder-left'>
                <div class='region-inner main-inner'>
                  <div class='columns fauxcolumns'>
                    <div class='column-center-outer'>
                      <div class='column-center-inner'>
                        <b:section class='main' id='main' showaddelement='no'>
                          <b:widget id='Blog1' locked='true' title='Blog Posts' type='Blog'></b:widget>
                        </b:section>
                      </div>
                    </div>
                    <div class='column-right-outer'>
                      <div class='column-right-inner'>
                        <aside>
                          <b:section class='sidebar' id='sidebar-right-1' preferred='yes' showaddelement='yes'>
                            <b:widget id='Header1' locked='false' title='BLOG_TITLE (Header)' type='Header'></b:widget>
                            <b:widget id='Attribution1' locked='false' title='' type='Attribution'></b:widget>
                          </b:section>
                        </aside>
                      </div>
                    </div>
                    <div style='clear: both'/>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
    <script language='javascript' type='text/javascript'><
      window.onload = function() {
        blogger.ui().configure().view();
      };
    </script>
  <b:else/>
    <h2><b:message name='messages.dynamicViewsNotAvailable'/></h2>
  </b:if>
</body>

Contempo

<body>
  <b:class cond='data:view.isPreview' name='preview'/>
  <b:class cond='data:view.isSingleItem' name='item-view'/>
  <b:class cond='data:view.isArchive' name='archive-view'/>
  <b:class cond='data:view.isLabelSearch' name='label-view'/>
  <b:class cond='data:view.isSearch and !data:view.isLabelSearch' name='search-view'/>
  <b:class name='version-1-3-3'/>

  <b:include name='skipNavigation'/>

  <div class='page'>
    <div class='bg-photo-overlay'/>
    <div class='bg-photo-container'>
      <div class='bg-photo'/>
    </div>

    <b:with value='data:widgets.AdSense any (w => w.sectionId == "ads")' var='hasVerticalAds'>
      <div class='page_body'>
        <b:class cond='data:hasVerticalAds' name='has-vertical-ads'/>

        <div class='centered'>
          <div class='centered-top-placeholder'/>
          <header class='centered-top-container' role='banner'>
            <div class='centered-top'>
              <b:class cond='data:view.isSearch and data:view.search.query' name='search-focused'/>

              <b:if cond='data:view.isSingleItem'>
                <a class='return_link' expr:href='data:blog.homepageUrl'>
                  <b:include data='{ button: true, iconClass: "back-button rtl-reversible-icon flat-icon-button ripple" }' name='backArrowIcon'/>
                </a>
              <b:else/>
                <b:include data='{ button: true, iconClass: "hamburger-menu flat-icon-button ripple" }' name='menuIcon'/>
              </b:if>

              <b:if cond='data:view.isLayoutMode or data:widgets any (w => w.sectionId == "search_top")'>
                <div class='search'>
                  <b:class cond='data:view.isSearch and data:view.search.query' name='focused'/>
                  <button class='search-expand touch-icon-button' expr:aria-label='data:messages.search.escaped'>
                    <div class='flat-icon-button ripple'>
                      <b:include data='{ iconClass: "search-expand-icon" }' name='searchIcon'/>
                    </div>
                  </button>
                  <b:section id='search_top' name='Search (Top)' showaddelement='false'>
                    <b:widget id='BlogSearch1' locked='true' title='Search This Blog' type='BlogSearch' visible='true'></b:widget>
                  </b:section>
                </div>
              </b:if>

              <div class='clearboth'/>

              <div class='blog-name container'>
                <b:section class='container' id='header' name='Header' showaddelement='false'>
                  <b:widget id='Header1' locked='true' title='BLOG_TITLE (Header)' type='Header' visible='true'></b:widget>
                </b:section>
                <b:comment>Nav primarily intended for sections that consist of major navigation blocks.</b:comment>
                <nav role='navigation'>
                  <b:section class='clearboth' id='page_list_top' name='Page List (Top)' showaddelement='false'>
                    <b:widget cond='!data:view.isPost' id='PageList1' locked='true' title='' type='PageList' visible='false'></b:widget>
                  </b:section>
                </nav>
              </div>
            </div>
          </header>
          <div>
            <b:section ads='true' class='vertical-ad-container' id='ads' name='Ads' showaddelement='false'>
              <b:widget id='AdSense1' locked='true' title='' type='AdSense' visible='true'></b:widget>
              <b:widget id='AdSense2' locked='true' title='' type='AdSense' visible='true'></b:widget>
            </b:section>
            <main class='centered-bottom' id='main' role='main' tabindex='-1'>
              <b:if cond='data:view.isMultipleItems'>
                <h2 class='main-heading'><data:messages.posts/></h2>
              </b:if>
              <b:if cond='data:view.isArchive or (data:view.isSearch and data:view.search.resultsMessageHtml)'>
                <div class='post-filter-message'>
                  <div>
                    <b:if cond='data:view.isArchive'>
                      <data:view.archive.rangeMessage/>
                    <b:elseif cond='data:view.isSearch and data:view.search.resultsMessageHtml'/>
                      <data:view.search.resultsMessageHtml/>
                    </b:if>
                  </div>
                  <div>
                    <a class='flat-button ripple' expr:href='data:blog.homepageUrl'>
                      <data:messages.showAll/>
                    </a>
                  </div>
                </div>
              </b:if>
              <b:section class='main' id='page_body' name='Page Body' showaddelement='false'>
                <b:widget cond='data:view.isHomepage' id='FeaturedPost1' locked='true' title='' type='FeaturedPost' visible='true'></b:widget>
                <b:widget id='Blog1' locked='true' title='Blog Posts' type='Blog' visible='true'></b:widget>
                <b:widget cond='data:view.isSingleItem and data:posts any (p => p.id != data:view.postId)' id='PopularPosts1' locked='true' title='' type='PopularPosts' visible='true'></b:widget>
              </b:section>
            </main>
          </div>
          <b:section class='footer' id='footer' name='Footer' showaddelement='false' tag='footer'>
            <b:widget id='Attribution1' locked='true' title='' type='Attribution' visible='true'></b:widget>
          </b:section>
        </div>
      </div>
    </b:with>
  </div>
  <aside class='sidebar-container container sidebar-invisible' role='complementary'>
    <div class='navigation'>
      <b:include data='{ button: true, iconClass: "flat-icon-button ripple sidebar-back" }' name='backArrowIcon'/>
    </div>
    <div class='sidebar_top_wrapper'>
      <b:class cond='data:widgets none w => w.sectionId == "sidebar_top"' name='no-items'/>

      <b:section class='sidebar_top' id='sidebar_top' name='Sidebar (Top)'>
        <b:widget id='Profile1' locked='true' title='About Me' type='Profile' visible='false'></b:widget>
      </b:section>
    </div>
    <b:section class='sidebar_bottom' id='sidebar_bottom' name='Sidebar (Bottom)' preferred='yes'>
      <b:widget id='BlogArchive1' locked='false' title='' type='BlogArchive' visible='true'></b:widget>
      <b:widget id='Label1' locked='false' title='Labels' type='Label' visible='true'></b:widget>
      <b:widget id='ReportAbuse1' locked='true' title='' type='ReportAbuse' visible='true'></b:widget>
    </b:section>
  </aside>

  <b:template-script async='true' name='indie' version='1.0.0'/>
</body>

Emporio

<body>
  <b:class cond='data:view.isPreview' name='preview'/>
  <b:class cond='data:view.isMultipleItems' name='feed-view'/>
  <b:class cond='data:view.isSingleItem' name='item-view'/>
  <b:class cond='data:view.isArchive' name='archive-view'/>
  <b:class cond='data:view.isLabelSearch' name='label-view'/>
  <b:class cond='data:view.isSearch and !data:view.isLabelSearch' name='search-view'/>
  <b:class cond='data:view.isError' name='error-view'/>
  <b:class name='version-1-3-3'/>

  <b:include name='skipNavigation'/>
  <div class='page'>
    <b:with value='data:widgets.AdSense any (w => w.sectionId == "ads")' var='hasVerticalAds'>
      <div class='page_body'>
        <b:class cond='data:hasVerticalAds' name='has-vertical-ads'/>

        <b:if cond='data:view.isSingleItem'>
          <b:if cond='data:widgets.Blog.first.posts.first.featuredImage'>
            <b:include data='{ image: data:widgets.Blog.first.posts.first.featuredImage, selector: ".bg-photo" }' name='responsiveImageStyle'/>
            <div class='bg-photo-container'>
              <div class='bg-photo'/>
            </div>
          </b:if>
        </b:if>
        <div class='centered'>
          <b:if cond='not data:view.isSingleItem'>
            <div class='centered-top-placeholder'/>
          </b:if>
          <header class='centered-top-container' role='banner'>
            <b:class cond='data:view.isSingleItem' name='sticky'/>
            <div class='centered-top'>
              <b:class cond='data:view.isSearch and data:view.search.query' name='search-focused'/>

              <b:if cond='data:view.isSingleItem'>
                <a class='return_link' expr:href='data:blog.homepageUrl'>
                  <b:include data='{ iconClass: "touch-icon back-button rtl-reversible-icon" }' name='backArrowIcon'/>
                </a>
              <b:else/>
                <div class='hamburger-section'>
                  <b:include data='{ iconClass: "touch-icon hamburger-menu" }' name='menuIcon'/>
                </div>
              </b:if>

              <div class='blog-name'>
                <b:section id='header' name='Header' showaddelement='false'>
                  <b:widget id='Header1' locked='true' title='BLOG_NAME (Header)' type='Header' visible='true'></b:widget>
                </b:section>
              </div>

              <b:if cond='data:view.isLayoutMode or data:widgets any (w => w.sectionId == "search_top")'>
                <div class='search'>
                  <b:class cond='data:view.isSearch and data:view.search.query' name='focused'/>
                  <button class='search-expand touch-icon-button' expr:aria-label='data:messages.search.escaped'>
                    <div class='search-expand-text'><data:messages.search/></div>
                    <b:include data='{ iconClass: "touch-icon search-expand-icon" }' name='searchIcon'/>
                  </button>
                  <b:section id='search_top' name='Search (Top)' showaddelement='false'>
                    <b:widget id='BlogSearch1' locked='true' title='Search This Blog' type='BlogSearch' visible='true'></b:widget>
                  </b:section>
                </div>
              </b:if>

              <b:if cond='data:view.isLayoutMode or not data:view.isSingleItem'>
                <nav class='top-nav' role='navigation'>
                  <b:section id='page_list_top' name='Page List (Top)' showaddelement='false'>
                    <b:widget id='PageList1' locked='true' title='' type='PageList' visible='false'></b:widget>
                  </b:section>
                </nav>
              </b:if>
            </div>

          </header>
          <div class='centered-bottom'>
            <b:if cond='data:view.isArchive or (data:view.isSearch and data:view.search.resultsMessage)'>
              <div class='post-filter-message'>
                <div>
                  <b:if cond='data:view.isArchive'>
                    <data:view.archive.rangeMessage/>
                  <b:elseif cond='data:view.isSearch and data:view.search.resultsMessage'/>
                    <data:view.search.resultsMessageHtml/>
                  </b:if>
                </div>
                <div>
                  <a expr:href='data:blog.homepageUrl'><data:messages.viewAll/></a>
                </div>
              </div>
            </b:if>

            <main class='main-container' id='main' role='main' tabindex='-1'>
              <b:if cond='data:view.isMultipleItems'>
                <h2 class='main-heading'><data:messages.posts/></h2>
              </b:if>

              <b:section class='featured-post' id='featured_post' name='Featured Post' showaddelement='false'>
                <b:widget cond='data:view.isHomepage' id='FeaturedPost1' locked='true' title='' type='FeaturedPost' visible='true'></b:widget>
              </b:section>

              <b:section class='main' id='page_body' name='Page Body' showaddelement='false'>
                <b:widget id='Blog1' locked='true' title='Blog Posts' type='Blog' visible='true'></b:widget>
              </b:section>
            </main>

            <b:section ads='true' class='vertical-ad-container' id='ads' name='Ads' showaddelement='false'>
              <b:widget id='AdSense1' locked='true' title='' type='AdSense' visible='true'></b:widget>
              <b:widget id='AdSense2' locked='true' title='' type='AdSense' visible='true'></b:widget>
            </b:section>

            <aside class='sidebar-container container' role='complementary'>
              <b:class cond='not data:view.isSingleItem' name='sidebar-invisible'/>
              <b:if cond='not data:view.isSingleItem or data:view.isLayoutMode'>
                <!-- Display different sidebars for feed page / item page. -->
                <div class='navigation'>
                  <b:include data='{ iconClass: "touch-icon sidebar-back" }' name='closeIcon'/>
                </div>
                <b:section class='sidebar' id='sidebar_feed' name='Sidebar' preferred='yes'>
                  <b:widget id='Profile1' locked='false' title='About Me' type='Profile' visible='false'></b:widget>
                  <b:widget id='BlogArchive1' locked='false' title='' type='BlogArchive' visible='true'></b:widget>
                  <b:widget id='Label1' locked='false' title='Labels' type='Label' visible='true'></b:widget>
                  <b:widget id='ReportAbuse1' locked='true' title='' type='ReportAbuse' visible='true'></b:widget>
                </b:section>
              </b:if>
              <b:if cond='data:view.isSingleItem or data:view.isLayoutMode'>
                <b:section id='sidebar_item' name='Sidebar (Item Page)'>
                  <b:widget cond='data:posts any (p => p.id != data:view.postId)' id='PopularPosts1' locked='true' title='' type='PopularPosts' visible='true'></b:widget>
                </b:section>
              </b:if>
            </aside>   <!-- close sidebar-container -->
          </div>  <!-- close centered-bottom -->
        </div>  <!-- close centered -->
      </div>  <!-- close page_body -->
    </b:with>

    <b:section class='footer' id='footer' name='Footer' showaddelement='false' tag='footer'>
      <b:widget id='Attribution1' locked='true' title='' type='Attribution' visible='true'></b:widget>
    </b:section>
  </div>

  <b:template-script async='true' name='vegeclub' version='1.0.0'/>
</body>

Essential

<body>
  <b:class cond='data:view.isPreview' name='preview'/>
  <b:class cond='data:view.isSingleItem' name='item-view'/>
  <b:class cond='data:view.isArchive' name='archive-view'/>
  <b:class cond='data:view.isLabelSearch' name='label-view'/>
  <b:class cond='data:view.isSearch and !data:view.isLabelSearch' name='search-view'/>
  <b:class name='version-1-0-1'/>

  <b:include name='skipNavigation'/>

  <div class='page'>
    <div class='bg-photo-overlay'/>
    <div class='bg-photo-container'>
      <div class='bg-photo'/>
    </div>

    <b:with value='data:widgets.AdSense any (w => w.sectionId == "ads")' var='hasVerticalAds'>
      <div class='page_body'>
        <b:class cond='data:hasVerticalAds' name='has-vertical-ads'/>

        <div class='centered'>
          <div class='centered-top-placeholder'/>
          <header class='centered-top-container' role='banner'>
            <div class='centered-top'>
              <b:class cond='data:view.isSearch and data:view.search.query' name='search-focused'/>

              <b:if cond='data:view.isSingleItem'>
                <a class='return_link' expr:href='data:blog.homepageUrl'>
                  <b:include data='{ button: true, iconClass: "back-button rtl-reversible-icon flat-icon-button ripple" }' name='backArrowIcon'/>
                </a>
              <b:else/>
                <b:include data='{ button: true, iconClass: "hamburger-menu flat-icon-button ripple" }' name='menuIcon'/>
              </b:if>

              <b:if cond='data:view.isLayoutMode or data:widgets any (w => w.sectionId == "search_top")'>
                <div class='search'>
                  <b:class cond='data:view.isSearch and data:view.search.query' name='focused'/>
                  <button class='search-expand touch-icon-button' expr:aria-label='data:messages.search.escaped'>
                    <div class='flat-icon-button ripple'>
                      <b:include data='{ iconClass: "search-expand-icon" }' name='searchIcon'/>
                    </div>
                  </button>
                  <b:section id='search_top' name='Search (Top)' showaddelement='false'>
                    <b:widget id='BlogSearch1' locked='true' title='Search This Blog' type='BlogSearch' visible='true'></b:widget>
                  </b:section>
                </div>
              </b:if>

              <div class='clearboth'/>

              <div class='blog-name container'>
                <b:section class='container' id='header' name='Header' showaddelement='false'>
                  <b:widget id='Header1' locked='true' title='BLOG_TITLE (Header)' type='Header' visible='true'></b:widget>
                </b:section>
                <b:comment>Nav primarily intended for sections that consist of major navigation blocks.</b:comment>
                <nav role='navigation'>
                  <b:section class='clearboth' id='page_list_top' name='Page List (Top)' showaddelement='false'>
                    <b:widget cond='!data:view.isPost' id='PageList1' locked='true' title='' type='PageList' visible='false'></b:widget>
                  </b:section>
                </nav>
              </div>
            </div>
          </header>
          <div>
            <b:section ads='true' class='vertical-ad-container' id='ads' name='Ads' showaddelement='false'>
              <b:widget id='AdSense1' locked='true' title='' type='AdSense' visible='true'></b:widget>
              <b:widget id='AdSense2' locked='true' title='' type='AdSense' visible='true'></b:widget>
            </b:section>
            <main class='centered-bottom' id='main' role='main' tabindex='-1'>
              <b:if cond='data:view.isMultipleItems'>
                <h2 class='main-heading'><data:messages.posts/></h2>
              </b:if>
              <b:if cond='data:view.isArchive or (data:view.isSearch and data:view.search.resultsMessageHtml)'>
                <div class='post-filter-message'>
                  <div>
                    <b:if cond='data:view.isArchive'>
                      <data:view.archive.rangeMessage/>
                    <b:elseif cond='data:view.isSearch and data:view.search.resultsMessageHtml'/>
                      <data:view.search.resultsMessageHtml/>
                    </b:if>
                  </div>
                  <div>
                    <a class='flat-button ripple' expr:href='data:blog.homepageUrl'>
                      <data:messages.showAll/>
                    </a>
                  </div>
                </div>
              </b:if>
              <b:section class='main' id='page_body' name='Page Body' showaddelement='false'>
                <b:widget cond='data:view.isHomepage' id='FeaturedPost1' locked='true' title='' type='FeaturedPost' visible='true'></b:widget>
                <b:widget id='Blog1' locked='true' title='Blog Posts' type='Blog' visible='true'></b:widget>
                <b:widget cond='data:view.isSingleItem and data:posts any (p => p.id != data:view.postId)' id='PopularPosts1' locked='true' title='' type='PopularPosts' visible='true'></b:widget>
              </b:section>
            </main>
          </div>
          <b:section class='footer' id='footer' name='Footer' showaddelement='false' tag='footer'>
            <b:widget id='Attribution1' locked='true' title='' type='Attribution' visible='true'></b:widget>
          </b:section>
        </div>
      </div>
    </b:with>
  </div>
  <aside class='sidebar-container container sidebar-invisible' role='complementary'>
    <div class='navigation'>
      <b:include data='{ button: true, iconClass: "flat-icon-button ripple sidebar-back" }' name='backArrowIcon'/>
    </div>
    <div class='sidebar_top_wrapper'>
      <b:class cond='data:widgets none w => w.sectionId == "sidebar_top"' name='no-items'/>

      <b:section class='sidebar_top' id='sidebar_top' name='Sidebar (Top)'>
        <b:widget id='Profile1' locked='true' title='About Me' type='Profile' visible='false'></b:widget>
      </b:section>
    </div>
    <b:section class='sidebar_bottom' id='sidebar_bottom' name='Sidebar (Bottom)' preferred='yes'>
      <b:widget id='BlogArchive1' locked='false' title='' type='BlogArchive' visible='true'></b:widget>
      <b:widget id='Label1' locked='false' title='Labels' type='Label' visible='true'></b:widget>
      <b:widget id='ReportAbuse1' locked='true' title='' type='ReportAbuse' visible='true'></b:widget>
    </b:section>
  </aside>

  <b:template-script async='true' name='strm' version='1.0.0'/>
</body>

Notable

<body class='container'>
  <b:class cond='data:view.isPreview' name='preview'/>
  <b:class cond='data:view.isMultipleItems' name='feed-view'/>
  <b:class cond='data:view.isSingleItem' name='item-view'/>
  <b:class cond='data:view.isArchive' name='archive-view'/>
  <b:class cond='data:view.isLabelSearch' name='label-view'/>
  <b:class cond='data:view.isSearch and !data:view.isLabelSearch' name='search-view'/>
  <b:class name='version-1-3-3'/>

  <b:include name='skipNavigation'/>

  <div class='all-container'>
    <div class='centered-top-placeholder'/>
    <header class='centered-top-container' role='banner'>
      <div class='centered-top'>
        <b:class cond='data:view.isSearch and data:view.search.query' name='search-focused'/>
        <div class='centered-top-firstline container'>
          <div class='main_header_elements container'>
            <!-- Blog name and header -->
            <div class='blog-name'>
              <b:section id='header' name='Header' showaddelement='false'>
                <b:widget id='Header1' locked='true' title='BLOG_NAME (Header)' type='Header' visible='true'></b:widget>
              </b:section>
            </div> <!-- End blog name and header -->

            <!-- Search -->
            <b:if cond='data:view.isLayoutMode or data:widgets any (w => w.sectionId == "search_top")'>
              <div class='search'>
                <b:class cond='data:view.isSearch and data:view.search.query' name='focused'/>
                <button class='flat-button search-expand touch-icon-button' expr:aria-label='data:messages.search.escaped'>
                  <div class='search-expand-text'><data:messages.search/></div>
                  <div class='search-expand-icon flat-icon-button'>
                    <b:include name='searchIcon'/>
                  </div>
                </button>
                <b:section id='search_top' name='Search (Top)' showaddelement='false'>
                  <b:widget id='BlogSearch1' locked='true' title='Search This Blog' type='BlogSearch' visible='true'></b:widget>
                </b:section>
              </div>
            </b:if>
          </div>
          <!-- Hamburger menu -->
          <div class='hamburger-section container'>
            <b:include data='{ button: true, iconClass: "hamburger-menu flat-icon-button ripple" }' name='menuIcon'/>
          </div>
          <!-- End hamburger menu -->
        </div>
        <nav role='navigation'>
          <b:section class='centered-top-secondline' id='page_list_top' name='Page List (Top)' showaddelement='false'>
            <b:widget id='PageList1' locked='true' title='' type='PageList' visible='false'></b:widget>
          </b:section>
        </nav>
      </div>
    </header>
    <div class='main_content_container clearfix'>
      <div class='page'>
          <div class='page_body'>
            <b:class cond='data:hasVerticalAds' name='has-vertical-ads'/>
            <div class='centered'>
              <main class='centered-bottom' id='main' role='main' tabindex='-1'>
                <b:if cond='data:view.isMultipleItems'>
                  <h2 class='main-heading'><data:messages.posts/></h2>
                </b:if>
                <b:if cond='data:view.isArchive or (data:view.isSearch and data:view.search.resultsMessageHtml)'>
                  <div class='post-filter-message'>
                    <div class='post-filter-description'>
                      <b:if cond='data:view.isArchive'>
                        <data:view.archive.rangeMessage/>
                      <b:elseif cond='data:view.isSearch and data:view.search.resultsMessageHtml'/>
                        <data:view.search.resultsMessageHtml/>
                      </b:if>
                    </div>
                    <div>
                      <a expr:href='data:blog.homepageUrl'><data:messages.showAll/></a>
                    </div>
                  </div>
                </b:if>
                <b:section class='main' id='page_body' name='Page Body' showaddelement='false'>
                  <b:widget cond='data:view.isHomepage' id='FeaturedPost1' locked='true' title='' type='FeaturedPost' visible='true'></b:widget>
                  <b:widget id='Blog1' locked='true' title='Blog Posts' type='Blog' visible='true'></b:widget>
                  <b:widget cond='data:view.isSingleItem and data:posts any (p => p.id != data:view.postId)' id='PopularPosts1' locked='true' title='' type='PopularPosts' visible='true'></b:widget>
                </b:section>
              </main>
            </div>
          </div>
      </div>
      <aside class='sidebar-container sidebar-invisible' role='complementary'>
        <div class='navigation container'>
          <b:include data='{ button: true, iconClass: "sidebar-back flat-icon-button ripple" }' name='forwardArrowIcon'/>
        </div>
        <b:section class='sidebar' id='sidebar' name='Sidebar' preferred='yes'>
          <b:widget id='ReportAbuse1' locked='true' title='' type='ReportAbuse' visible='true'></b:widget>
        </b:section>
      </aside>
    </div>
    <b:section class='footer' id='footer' name='Footer' showaddelement='false' tag='footer'>
      <b:widget id='Attribution1' locked='true' title='' type='Attribution' visible='true'></b:widget>
    </b:section>
  </div>

  <b:template-script async='true' name='rockpool' version='1.0.0'/>
</body>

Soho

<body>
  <b:class cond='data:view.isPreview' name='preview'/>
  <b:class cond='data:view.isHomepage' name='homepage-view'/>
  <b:class cond='data:view.isArchive' name='archive-view'/>
  <b:class cond='data:view.isLabelSearch' name='label-view'/>
  <b:class cond='data:view.isSearch and !data:view.isLabelSearch' name='search-view'/>
  <b:class cond='data:view.isPost' name='post-view'/>
  <b:class cond='data:view.isPage' name='page-view'/>
  <b:class cond='data:view.isMultipleItems' name='feed-view'/>
  <b:class cond='data:view.isSingleItem' name='item-view'/>
  <b:class name='version-1-3-3'/>
  <b:include name='skipNavigation'/>
  <div class='page'>
    <div class='page_body'>
      <div class='main-page-body-content'>
        <div class='centered-top-placeholder'/>
        <header class='centered-top-container' role='banner'>
          <div class='centered-top'>
            <b:class cond='data:view.isSearch and data:view.search.query' name='search-focused'/>
            <b:if cond='data:view.isPost'>
              <div class='back-button-container'>
                <a expr:href='data:blog.homepageUrl'>
                  <b:include data='{ iconClass: "touch-icon back-button rtl-reversible-icon" }' name='backArrowIcon'/>
                </a>
              </div>
            <b:else/>
              <div class='hamburger-menu-container'>
                <b:include data='{ iconClass: "touch-icon hamburger-menu" }' name='menuIcon'/>
              </div>
            </b:if>
            <b:if cond='data:view.isLayoutMode or data:widgets any (w => w.sectionId == "search_top")'>
              <div class='search'>
                <b:class cond='data:view.isSearch and data:view.search.query' name='focused'/>
                <button class='search-expand touch-icon-button' expr:aria-label='data:messages.search.escaped'>
                  <div class='search-expand-text'><data:messages.search/></div>
                  <b:include data='{ iconClass: "touch-icon search-expand-icon" }' name='searchIcon'/>
                </button>
                <b:section id='search_top' name='Search (Top)' showaddelement='false'>
                  <b:widget id='BlogSearch1' locked='true' title='Search This Blog' type='BlogSearch' visible='true'></b:widget>
                </b:section>
              </div>
            </b:if>
            <div class='blog-name'>
              <b:section id='header' name='Header' showaddelement='false'>
                <b:widget id='Header1' locked='true' title='BLOG_NAME (Header)' type='Header' visible='true'></b:widget>
              </b:section>
              <nav role='navigation'>
                <b:section id='page_list_top' name='Page List (Top)' showaddelement='false'>
                  <b:widget id='PageList1' locked='true' title='' type='PageList' visible='false'></b:widget>
                </b:section>
              </nav>
            </div>
          </div>
        </header>
        <div class='hero-image'>
          <b:class cond='data:skin.vars.body_background.image' name='has-image'/>
        </div>
        <main class='centered-bottom' id='main' role='main' tabindex='-1'>
          <b:if cond='data:view.isMultipleItems'>
            <h2 class='main-heading'><data:messages.posts/></h2>
          </b:if>
          <b:if cond='data:view.isArchive or (data:view.isSearch and data:view.search.resultsMessageHtml)'>
            <div class='post-filter-message'>
              <div class='message-container'>
                <b:if cond='data:view.isArchive'>
                  <data:view.archive.rangeMessage/>
                <b:elseif cond='data:view.isSearch and data:view.search.resultsMessageHtml'/>
                  <data:view.search.resultsMessageHtml/>
                </b:if>
              </div>
              <div class='home-link-container'>
                <a class='home-link' expr:href='data:blog.homepageUrl'><data:messages.showAll/></a>
              </div>
            </div>
          </b:if>
          <b:section ads='true' class='main' id='page_body' name='Page Body' showaddelement='false'>
            <b:widget cond='data:view.isHomepage' id='FeaturedPost1' locked='true' title='' type='FeaturedPost' visible='true'></b:widget>
            <b:widget id='Blog1' locked='true' title='Blog Posts' type='Blog' visible='true'></b:widget>
            <b:widget cond='data:view.isSingleItem and data:posts any (p => p.id != data:view.postId)' id='PopularPosts1' locked='true' title='' type='PopularPosts' visible='true'></b:widget>
          </b:section>
        </main>
      </div>
      <b:section class='footer' id='footer' name='Footer' showaddelement='false' tag='footer'>
        <b:widget id='Attribution1' locked='true' title='' type='Attribution' visible='true'></b:widget>
      </b:section>
    </div>
  </div>
  <aside class='sidebar-container container sidebar-invisible' role='complementary'>
    <div class='navigation'>
      <b:include data='{ iconClass: "touch-icon sidebar-back rtl-reversible-icon" }' name='backArrowIcon'/>
    </div>
    <b:section id='sidebar' name='Sidebar' preferred='yes'>
      <b:widget id='ReportAbuse1' locked='true' title='' type='ReportAbuse' visible='true'></b:widget>
    </b:section>
  </aside>
  <b:template-script async='true' name='fancy' version='1.0.0'/>
</body>


Spotlight

Populaires cette semaine