Les fichiers XML des thèmes - <head>

Extrait de la documentation personnelle de
Blogger - <head> node
Description du fichier
Le nœud <head> est destiné à accueillir des informations sur le document, comme le titre, les métadonnées, les feuilles de style, etc...
Il ne peut y avoir qu'un nœud <head> dans le fichier XML.
Directives d'usage et niveau de priorité de mise à jour
Thème Version 1
Garantie d'usage : Abandonné
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

<head>
  <meta expr:content='data:blog.isMobile ? "width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0" : "width=1100"' name='viewport'/>
  <b:include data='blog' name='all-head-content'/>
  <title><data:blog.pageTitle/></title>

  <b:skin></b:skin>
  <b:template-skin></b:template-skin>

  <b:if cond='data:skin.vars.body_background.image.isResizable'>
    <b:include cond='not data:view.isPreview' data='{ image: data:skin.vars.body_background.image, selector: "body" }' name='responsiveImageStyle'/>
  </b:if>

  <b:include data='blog' name='google-analytics'/>
</head>

Dynamics

<head>
  <b:include data='blog' name='all-head-content'/>
  <title><data:blog.pageTitle/></title>
  <meta content='!' name='fragment'/>
  <meta content='dynamic' name='blogger-template'/>
  <meta content='IE=9,chrome=1' http-equiv='X-UA-Compatible'/>
  <meta content='initial-scale=1.0, maximum-scale=1.0, user-scalable=no, width=device-width' name='viewport'/>
  <b:skin></b:skin>
  <b:template-skin></b:template-skin>

  <script expr:src='data:blog.dynamicViewsScriptSrc + "/js/thirdparty/jquery.js"' type='text/javascript'/>
  <script expr:src='data:blog.dynamicViewsScriptSrc + "/js/thirdparty/jquery-mousewheel.js"' type='text/javascript'/>
  <script expr:src='data:blog.dynamicViewsScriptSrc + "/js/common.js"' type='text/javascript'/>
  <b:if cond='data:blog.localeUnderscoreDelimited != "en"'>
    <script expr:src='data:blog.dynamicViewsScriptSrc + "/js/languages/lang__" + data:blog.localeUnderscoreDelimited + ".js"' type='text/javascript'/>
  </b:if>
  <b:if cond='data:blog.view'>
    <script expr:src='data:blog.dynamicViewsScriptSrc + "/js/" + data:blog.view + ".js"' type='text/javascript'/>
  <b:else/>
    <b:if cond='data:blog.isMobileRequest'>
      <script expr:src='data:blog.dynamicViewsScriptSrc + "/js/classic.js"' type='text/javascript'/>
    <b:else/>
      <b:if cond='data:skin.vars.blitzview'>
        <script expr:src='data:blog.dynamicViewsScriptSrc + "/js/" + data:skin.vars.blitzview + ".js"' type='text/javascript'/>
      <b:else/>
        <script expr:src='data:blog.dynamicViewsScriptSrc + "/js/sidebar.js"' type='text/javascript'/>
      </b:if>
    </b:if>
  </b:if>
  <script expr:src='data:blog.dynamicViewsScriptSrc + "/js/gadgets.js"' type='text/javascript'/>
  <script expr:src='data:blog.dynamicViewsCommentsSrc'/>
  <b:include data='blog' name='google-analytics'/>
</head>

Contempo

<head>
  <meta content='width=device-width, initial-scale=1' name='viewport'/>
  <title><data:view.title.escaped/></title>
  <b:include data='blog' name='all-head-content'/>

  <b:skin version='1.3.3'></b:skin>
  <b:template-skin></b:template-skin>
  <b:defaultmarkups></b:defaultmarkups>

  <b:include cond='not data:view.isPreview' data='{ image: data:skin.vars.body_background.image, selector: ".bg-photo", imageSizes: [480, 640, 800, 1200, 1600] }' name='responsiveImageStyle'/>

  <b:if cond='(data:widgets.AdSense.first or data:blog.adsenseClientId) and not data:blog.adsenseAutoAds'>
    <script async='async' src='//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js'/>
  </b:if>
  <b:include data='blog' name='google-analytics'/>

  <script async='async' src='https://www.gstatic.com/external_hosted/clipboardjs/clipboard.min.js'/>
</head>

Emporio

<head>
  <meta content='width=device-width, initial-scale=1' name='viewport'/>
  <title><data:view.title.escaped/></title>
  <b:include data='blog' name='all-head-content'/>

  <b:skin version='1.3.3'></b:skin>
  <b:template-skin></b:template-skin>

  <b:if cond='data:skin.vars.body_background.image.isResizable'>
    <b:include cond='not data:view.isPreview' data='{ image: data:skin.vars.body_background.image, selector: "body" }' name='responsiveImageStyle'/>
  </b:if>

  <b:defaultmarkups></b:defaultmarkups>

  <b:if cond='data:blog.adsenseClientId and !data:widgets.AdSense.empty and not data:blog.adsenseAutoAds'>
    <script async='async' src='//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js'/>
  </b:if>
  <b:include data='blog' name='google-analytics'/>

  <script async='async' src='https://www.gstatic.com/external_hosted/clipboardjs/clipboard.min.js'/>
</head>

Essential

<head>
  <meta content='width=device-width, initial-scale=1' name='viewport'/>
  <title><data:view.title.escaped/></title>
  <b:include data='blog' name='all-head-content'/>

  <b:skin version='1.0.1'></b:skin>
  <b:template-skin></b:template-skin>
  <b:defaultmarkups></b:defaultmarkups>

  <b:include cond='not data:view.isPreview' data='{ image: data:skin.vars.body_background.image, selector: ".bg-photo", imageSizes: [480, 640, 800, 1200, 1600] }' name='responsiveImageStyle'/>

  <b:if cond='(data:widgets.AdSense.first or data:blog.adsenseClientId) and not data:blog.adsenseAutoAds'>
    <script async='async' src='//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js'/>
  </b:if>
  <b:include data='blog' name='google-analytics'/>

  <script async='async' src='https://www.gstatic.com/external_hosted/clipboardjs/clipboard.min.js'/>
</head>

Notable

<head>
  <meta content='width=device-width, initial-scale=1' name='viewport'/>
  <title><data:view.title.escaped/></title>
  <b:include data='blog' name='all-head-content'/>

  <b:skin version='1.3.3'></b:skin>
  <b:template-skin></b:template-skin>
  <b:defaultmarkups></b:defaultmarkups>

  <b:if cond='(data:widgets.AdSense.any or data:blog.adsenseClientId) and not data:blog.adsenseAutoAds'>
    <script async='async' src='//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js'/>
  </b:if>
  <b:include data='blog' name='google-analytics'/>

  <script async='async' src='https://www.gstatic.com/external_hosted/clipboardjs/clipboard.min.js'/>
</head>

Soho

<head>
  <meta content='width=device-width, initial-scale=1' name='viewport'/>
  <title><data:view.title.escaped/></title>
  <b:include data='blog' name='all-head-content'/>
  <b:skin version='1.3.3'></b:skin>
  <b:template-skin></b:template-skin>
  <b:defaultmarkups></b:defaultmarkups>
  <b:if cond='(data:widgets any (w => w.type == "AdSense") or data:blog.adsenseClientId) and not data:blog.adsenseAutoAds'>
    <script async='async' src='//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js'/>
  </b:if>
  <script async='async' src='https://www.gstatic.com/external_hosted/imagesloaded/imagesloaded-3.1.8.min.js'/>
  <script async='async' src=src='https://www.gstatic.com/external_hosted/vanillamasonry-v3_1_5/masonry.pkgd.min.js'/>
  <script async='async' src=src='https://www.gstatic.com/external_hosted/clipboardjs/clipboard.min.js'/>
  <b:include data='blog' name='google-analytics'/>

  <b:include cond='not data:view.isPreview' data='{ image: data:skin.vars.body_background.image, selector: "body.homepage-view .hero-image.has-image", imageSizes: [320, 640, 800, 1024, 1440, 1680, 1920, 2560] }' name='responsiveImageStyle'/>
</head>

Source & contribution

Google PE Program
Équipe Blogger/Experts Produit Blogger

Classifications, corrélations & échantillonnages

Soraya Lambrechts

Dernière mise à jour

Licence

Ce contenu est protégé par la licence CC BY-NC-ND 4.0

🛈 Info

Il arrive fréquemment que nos contenus soient reproduits sans autorisation. Si vous avez trouvé cette fiche ailleurs, nous vous recommandons vivement de consulter Blogger Code PE pour bénéficier de la version originale, à jour et vérifiée.

Spotlight

La balise TITLE sur Blogger

Image
Histoire, bonnes pratiques, optimisation SEO et conseils avancés ! Découvrez dans ce dossier complet comment maîtriser parfaitement la balise <title> sur votre blog Blogger : de ses origines historiques à son rôle crucial en référencement naturel (SEO), en passant par les bonnes pratiques actuelles. Apprenez à rédiger des titres efficaces, attractifs, optimisés pour Google et l'expérience utilisateur, tout en évitant les erreurs fréquentes. Un guide incontournable pour améliorer votre visibilité et propulser votre blog Blogger au sommet des résultats de recherche !
En savoir plus ➤

Populaires cette semaine

L'Éditeur XML de Thème Blogger : Quand le BackEnd Rencontre le FrontEnd

Image
En 2007, une évolution importante est survenue dans l'univers de Blogger : l'éditeur XML de thème a fait son apparition, brouillant les lignes entre backEnd et frontEnd pour des millions de "Bloggeriens". Mais que signifie cette évolution pour les utilisateurs ? Et surtout, qu'en est-il de la propriété intellectuelle et de la licence de ces thèmes ? Plongeons dans les détails de ce curieux mélange technique tout en tenant compte des Conditions générales d'utilisation (CGU) de Google.
En savoir plus ➤

Ajouter des boutons à la barre de partage Blogger

Image
Customiser la barre de partage Blogger en choisissant les services que vous souhaitez proposer à vos lecteurs.
Taille des boutons, thèmes de couleurs, restrictions d'affichage, etc.
Boutons Facebook, Twitter, Envoi par mail, Orkut, StumbleUpon, LinkedIn, BlogThis, Google+ Share, HelloCoton, Pinterest et Google +1.
Tous les boutons partagent l'adresse canonique de l'article.
etc, etc, etc...
En savoir plus ➤