samedi 21 septembre 2013

Le plus minimaliste des templates pour Blogger

En 10 lignes! Donc, hyper-léger.

<html> 
<head> 
<b:skin></b:skin> 
</head> 
<body> 
<b:section class='main' id='main'> 
 <b:widget id='Blog1' locked='false' title='Blog Posts' type='Blog'/> 
 </b:section> 
</body> 
</html> 


  1. Créez un nouveau blog avec le "template" le plus basic ("Simple")
  2. Copiez le code ci-dessus
  3. allez dans Modèles > HTML
  4. Ctrl+A pour tout sélectionner, Ctrl-V pour tout coller et voilà, c'est fait...
  5. Enregistrez
Ce genre de "Template" est idéal pour utiliser dans un iframe (News, photos, etc...) ou créer votre blog de A à Z. Reste ensuite à supprimer ce que vous n'avez pas besoin comme "Accueil" ou autre.

Pour cacher le lien "Accueil", allez dans "Modèle" > "Personnaliser">Avancé>Ajouter le fichier CSS
Collez-y ce code et enregistrez (appliquer au blog)

.blog-pager
{
display: none;
}

Notez que l'on ne peut pas utiliser l'outil de création de modèle mais que l'on peut modifier par exemple les paramètres de messages ou rajouter des widgets comme sur n'importe quel modèle Blogger.

Attention! Blogger va rajouter automatiquement tout un paquet de code à votre insu après avoir enregistré. Par exemple, sans avoir ajouté personnellement quoique ce soit au code en 10 lignes, j'ai maintenant 914 lignes de code...

Ci-dessous, exemple dans un iframe



Ci-dessous, un modèle un peu moins épuré en 50 lignes qui pourra vous donner des idées. 


<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<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>
         <b:include data='blog' name='all-head-content'/>
        <title>
          <b:if cond='data:blog.pageType == &quot;item&quot;'>
                <data:blog.pageName/> : <data:blog.title/>
        <b:else/>
                <data:blog.pageTitle/>
        </b:if>
        <b:if cond='data:blog.url == data:blog.homepageUrl'> : HOME TITLE ADD-ON</b:if>
</title>
        <meta content='' name='description'/>
        <meta content='' name='keywords'/>
        <script src='http://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js'/>
<b:skin><![CDATA[
* { margin:0; padding:0; border:0; }

#navbar-iframe {
        height:                        0px;
        visibility:                hidden;
        display:                none;
}

body {
        font-size:                        84.5%;
        font-family:                 Arial,sans-serif;
        color:                                #000000;
        background-color:        #cccccc;
}

div#wrapper {
        margin:        0 auto 0 auto;
        width:        800px;
}
]]></b:skin>
</head>
<body>
<div id='wrapper'>
<b:section id='main' showaddelement='yes'>
<b:widget id='Blog1' locked='false' title='Blog Posts' type='Blog'/>
</b:section>
</div>
</body>
</html> 

Aucun commentaire:

Enregistrer un commentaire