Une page d'acueil statique sur Blogger

Cela fait belle lurette depuis que j'avais promis de vous apprendre comment mettre une page d'accueil statique sur blogger. Bon, pour ne pas ramener la promesse au mois prochain, voici deux méthodes, une toute simple et l'autre un peu moins simple pour que votre blog ait une page d'accueil statique. J'espère que vous ne m'en voulez pas d'avoir pris tout ce temps.

PREMIERE METHODE

Cette méthode ne demande pas d'aller trafiquer le code html de son modèle. Il suffit :

1. De créer un message (celui qui apparaîtra toujours à la page d'accueil)

2. Avant de publier, cliquer sur le bouton "option" juste au bas de l'encadré où vous écrivez vos messages, et changez la date pour une très postérieurs (par exemple : 10 mars 2078). Publiez alors le message.

(Faites un click doit sur l'image et ouvrez sur un nouvel onglet pour voir de quoi je parle)

3. Allez sur "paramètres", puis sur "mise en forme" et pour la première proposition "afficher xxx messages blog sur la page principale", mettez 1. Enregistrez les paramètres et voilà !

Vous avez une page d'accueil statique sur votre blog.


DEUXIEME METHODE

Cette méthode demande que vous touchiez un peu le code html de votre Blog. Je l'ai appris chez Vin. Allons-y :

1. CREER VOTRE BLOG

Premièrement, il vous faut créer votre blog. Pour cela, veuillez vous assurer de choisir le bon titre, la bonne url , etc.

Si vous avez déjà créer votre blog, passez à l'étape 2

2. MODIFIER LE BLOC DE MESSAGES AFIN QUE LES BILLETS N’APPARAISSENT PAS A LA PAGE D’ACCUEIL

Pour que vos billets n’apparaissent point à la page d’accueil, mais seulement dans les pages qui leurs sont dédiés, il faudra ajouter les codes en rouge ci-dessous dans le bloc de codes pour les messages (allez dans modèle, modifier le code html et cochez la case pour développer des modèles de gadget) :

<b:includable id='main' var='top'>
<b:if cond='data:blog.pageType == "item"'>
<!-- posts -->
<div class='blog-posts'>
<b:include data='top' name='status-message'/>
<data:adStart/>
<b:loop values='data:posts' var='post'>
<b:if cond='data:post.dateHeader'>
<h2 class='date-header'><data:post.dateHeader/></h2>
</b:if>
<b:include data='post' name='post'/>
<b:if cond='data:blog.pageType == "item"'>
<b:include data='post' name='comments'/>
</b:if>
</b:loop>
<data:adEnd/>
</div></b:if>

Enregistrez votre modèle. Maintenant, les messages n’apparaîtront plus à la page d’accueil.

4. AJOUTER LA PAGE D’ACCUEIL

La page d’accueil que nous allons ajouter, sera constituée par un widget pour HTML/JAVASCRIPT que nous mettrons à la colonne centrale. Pour cela recherche le bloc de codes suivant :

<div id='main-wrapper'>
<b:section class='main' id='main' maxwidgets='1' showaddelement='no'>
<b:widget id='Blog1' locked='true' title='Blog Posts' type='Blog'/>
</b:section>
</div>

Mettez "maxwidgets='4'" (ou n’importe quel chiffre. Vous pouvez même laisser l’espace entre apostrophe vide). Changez le 'no' en rouge par un 'yes' et enregistrez votre modèle.

Allez sur élément de la page, cliquez sur « ajouter un nouvel élément ». Sur la fenêtre popu-up qui apparaîtra choisssiez HTML/JAVASCRIPT. Là vous pourrez ajouter le code Html de ce qui constituera votre page d’accueil (vous pouvez par exemple prendre le code fournis par Amazon pour intégrer une Astore dans un site).

Vous pouvez aussi aller composer un nouveau message que vous afficherez à votre page d’accueil. Dès que vous aurez fini, cliquer sur « changer le code html » et copiez tout le code html du message. C’est ce code que vous irez coller dans la pop-up pour HTML/JAVASCRIPT que vous aviez créer.

Pour afficher ce widget seulement à la page d'accueil, allez dans votre modèle, sur "modifier le codehtml" et cochez "développer des modèles de gadget". Trouvez le code suivant et ajoutez les balises en rouge.

<b:widget id='HTML1' locked='false' title='' type='HTML'>
<b:includable id='main'>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != ""'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>
<b:include name='quickedit'/></b:if>
</b:includable>
</b:widget>

Maintenant, vous avez une page d'accueil statique sur votre blog.

Bon, on se retrouve le mois prochain pour le Bilan de celui-ci. A+

Mise à jour :

On m'a rapporté qu'après avoir crée la page d'accueil statique avec la deuxième méthode, il devenait impossible d'accéder à ses libellés et ses anciens messages. Enfin, j'ai trouvé la solution au probème. Pour être en mesure d'accéder au libellé il faut :

1. Sauter la deuxième étape de la deuxième méthode (ou enlever le code qui a été insérer afin que les billets n'apparaissent pas à la page d'accueil);

2. Aller sur paramètres, puis sur mise en forme et là pour le nombre des messages à afficher sur la page principale mettez 0;

3. Allez voir cet article et effacez le status-message qui apparaît à la page d'accueil quand il n'y a aucun message ou encore sur les pages de libellés.

Si cet article vous a plus, vous pouvez souscrire à mon feed rss ou à ma newsletter pour rester à jour ou encore rejoindre ma communauté sur Mybloglog et celle sur Blogcatolog. N'oubliez pas d'ajouter ce blog à vos favoris sur Technorati.

Et n'oubliez pas de donner un point de plus à cet article en cliquant sur le petit bouton rouge .