Ajouter des gadgets

Mise à jour 2012

Afin de personnaliser votre blog, il est très simple d'intégrer des modules que l'on appelle chez Blogger des Gadgets (chez d'autres, le terme couramment employé est Widget).

Ces sortes de petits programmes vous demanderont juste quelques petites adaptations.

Procédure

Il faut cliquer sur le menu Mise en page [1].

Vous ouvrez alors sur une représentation de votre blog.

On constate dans l'exemple ci-dessus, qu'il est possible d'insérer (selon votre modèle) des gadgets en haut [2], dans la colonne de droite [3] et en pied de page [4] (tout dépend en fait de votre modèle).

Cliquez, par exemple, sur le lien Ajouter un gadget sur le top de la colonne.

Un pop-up s'ouvre vous affichant toute une panoplie de gadgets.

Après avoir lu les caractéristiques de chaque gadget, cliquez sur le bouton

en regard de celui que vous sélectionnez.
Paramétrez votre gadget.
Puis cliquez sur le bouton Enregistrer

Il ne vous restera plus qu'à revenir dans la Mise en page afin de positionner le gadget ainsi créé à l'endroit que vous désirez (plus bas, beaucoup plus bas... que l'endroit où le système l'a placé par défaut).

Puis à Enregistrer votre modification [5].

Voilà c'est fait.

A+

Changer sa mise en page

Suite des articles relatifs à la nouvelle fonctionnalité : Concevoir son modèle.

Comment changer sa mise en page

La première option concerne la Mise en page du contenu.

Ici, nous pouvons revenir à un blog à une seule colonne.

Ou même passer à un blog à 3 ou 4 colonnes.

Dans chacune des possibilités, la disposition de(s) colonne(s) de gadgets peut être déterminée.

Huit options sont proposées pour le moment.

En tout cas, chacun appréciera la facilité de la modification. En 1 clic, on choisit une possibilité et immédiatement on en voit la concrétisation sur son blog dans la fenêtre d'affichage un peu plus bas.

La seconde possibilité permet de modifier la Mise en page du pied de page.

Cette modification est peut être moins essentielle que les autres, elle n'en demeure pas moins pratique.

1 seule colonne, 2 ou 3 sont possibles en pied de page.

3 ème option, last but not least, la possibilité d'Ajuster la largeur.

Marié à la première option, on comprend très bien que l'on est maître maintenant de déterminer le nombre et la largeur des colonnes de widgets ainsi que de la colonne principale de texte.

Plus de possibilité de râler en regrêtant les espaces inutilisés à droite ou à gauche de l'ancienne version.

Il suffit tout simplement de faire glisser les curseurs pour déterminer la taille en pixels de chacune des colonnes.

Maintenant c'est vous qui êtes à la baguette !

A+

Modifier les liens de navigation en bas de page par Pages précédentes et Pages suivantes

Votre blog avance. Petit à petit vous faites des modifications.

Maintenant vous voulez changer les liens de bas de page pour la navigation. Dehors : "Messages plus récents" et "Messages plus anciens", vous voudriez quelquechose à la place qui soit du genre "Pages précédentes" et "Pages suivantes".

Procédure

Il vous faut aller dans le menu Mise en page puis Modifier le code HTML.

Ensuite descendre au niveau de Modifier le modèle et cocher la case Développer des modèles de gadgets.

Cherchez dans votre modèle le code suivant :

<span id='blog-pager-newer-link'>
<a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + "_blog-pager-newer-link"' expr:title='data:newerPageTitle'><data:newerPageTitle/></a>
</span>

et le remplacer par :

<span id='blog-pager-newer-link'>
<a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + "_blog-pager-newer-link"' title='Pages précédentes...'>Pages précédentes...</a>
</span>

puis cherchez celui-çi :

<span id='blog-pager-older-link'>
<a class='blog-pager-older-link' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + "_blog-pager-older-link"' expr:title='data:olderPageTitle'><data:olderPageTitle/></a>
</span>

et le remplacer par :

<span id='blog-pager-older-link'>
<a class='blog-pager-older-link' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + "_blog-pager-older-link"' title='Pages suivantes...'>Pages suivantes...</a>
</span>

Vous pouvez bien entendu modifier le texte proposé (Pages) par celui qui vous convient le mieux.

A+