Blogger au bout du doigt

Une page d'acueil statique sur Blogger

By Rodney // 21 commentaires:

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"'>

<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'>

<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 .

Pour que les liens s’ouvrent sur une nouvelle fenêtre, il suffit d’ajouter target='_blank' dans le widget qui contient la liste des liens.

Il faut pour cela, aller dans votre modèle, sur modifier le code HTML et là cocher “Développer des modèles de gadget.”

Trouvez le widget pour la liste des liens. Il ressemble à quelque chose comme ceci (vous pouvez aussi voir le nom que vous lui avez attribué, juste sur la première ligne après title=).

Dernièrement, j’avais publié un article reprenant le Top 500 de blogs français selon criteo. Normalement, ceci avait gratifié chacun de ces blogs d’un Technorati (comme le dit si bien Man).

Connaissant l’ego combien un peu trop narcissique qui nous anime (nous les blogmasters), j’avais parié que cela pousserai bon nombre de ceux dont le blog avait reçu un lien de celui-ci à venir y jeter un coup d’œil.

Quand je vois les sites de provenance de mes visiteurs ces derniers jours, il faut croire que je ne m’étais pas trompé.

Beaucoup sont venus de la page indiquant le nombre de liens qu’a reçu leur blog sur Technorati. D’autres par contre sont venus sur le blog en provenance de leur compte wordpress.

J’ai reçu un commentaire de l’un d’entre eux et deux mails d’un autre. Je vous garantis que d’ici la fin du mois, bon nombre reviendront jeter un coup d’œil dans les environs.

Comme moi, vous pouvez copier la liste du Top 500 et la publier dans l’un de vos billets.

Alors, ça vous direz d’avoir 500 visiteurs de plus et pas n’importe lesquels pour ce mois ? Copiez la liste et publiez la.

Ça vous direz d’afficher une liste de vos articles sur une page donné de votre blog ? Ben, voici l’astuce, tellement simple que je me demande si je ne suis pas entrain d’écrire l’article le plus court de ce blog.

Vous avez juste besoin de cet url :

http://votreblog/search/label/?max-results=100

Remplacez votre blog par l’identifiant de votre blog (ex: blogger-au-bout-du-doigt.blogspot.com)

Seuls les 100 derniers articles s’afficheront et ne dépassez pas la limite de 100 sinon “boom !” votre blog explose ! Je blaguais. Il le fallait quand même, sinon cet article serait trop court.

Cliquez ici pour voir la démonstration.

Encore une chose : si vous voulez que seuls les titres s’affichent sur la page des résultats, il faut d’abord intégrer cette astuce dans votre modèle.

Par exemple :

http://blogger-au-bout-du-doigt.blogspot.com/search/label/Bilans?max-results=100

SEO & REFERENCEMENT