Modèle XML Blogger, le minimum requis

Attention ! Les catégories Fonctionnalités et Développements vont bientôt faire l'objet d'une révision.
Actuellement, cette page peut contenir des liens morts et des informations obsolètes!

Modèle XML Blogger, le minimum requis
Vous voulez construire un modèle Blogger à partir d'une feuille blanche ?
Vous avez déjà une bonne maîtrise en HTML et CSS ? C'est un bon départ.
Vous comprenez le langage XML de Blogger ? C'est parfait.
Vous êtes donc prêt à vous lancer ce nouveau défi.

Les balises requises

Le code ci-dessous est le minimum requis pour débuter l'écriture d'un nouveau modèle.

Le doctype, ainsi que les balises habituelles <html/>, <head/> et <body/> sont requises, comme pour la structure d'une page web standard.

Du côté des balises XML Blogger, les balises de mises en pages sont obligatoires :
  • <b:skin/> : La balise d'habillage qui renferme les définitions des variables ou/et les fichiers CSS.
    La balise doit être contenue dans <head/>.
    La balise <style/> ne doit pas être mentionnée.
  • <b:section/> : Zone déterminant un groupe de gadgets.
    Il faut au minimum, 1 balise b:section qui autorise l'ajout de gadgets (paramètre : showaddelement='yes').
    La balise doit être contenu dans <body/>.
  • <b:widget/> : Balise gadget.
    1 gadget, de préférence celui qui contient les articles : Blog1.
    Les <b:widget/> doivent être contenu dans une <b:section/>.


Le fichier XML

Code XML Minimum
<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html>
<html xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'>
  <head>
    <!-- DÉBUT DE L'ENTÊTE -->

    <!-- EMPLACEMENT 1 : BALISES META, LINKS, FICHIERS JS, ETC -->

    <b:skin><![CDATA[

      /* EMPLACEMENT CSS */

    ]]></b:skin>

    <!-- EMPLACEMENT 2 : BALISES META, LINKS, FICHIERS JS, ETC -->

    <!-- FIN DE L'ENTÊTE -->
  </head>
  <body>
    <!-- DÉBUT STRUCTURE HTML -->

    <!-- AU MOINS 1 B:SECTION & 1 B:WIDGET REQUIS -->
    <b:section class='main' id='main' showaddelement='yes'>
      <b:widget id='Blog1' locked='true' title='Articles du blog' type='Blog'></b:widget>
    </b:section>

    <!-- FIN STRUCTURE HTML -->
  </body>
</html>

Posts les plus consultés de ce blog