-->

Numéroter les page de votre blogger "Nouveau code"




Méthode :

1) Pour ajouter la mise en page de la barre de numéros sur le blog, il faut insérer le code qui suit dans un gadget HTML/JavaScript:




On peut modifier le code en remplaçant "green" (4 fois) par un autre nom ou un code de couleur.
2) Un second code doit être ajouté dans le template, juste avant </body> :

  3) Il faut adapter :

- var postperpage=7;
- var numshowpage=4;


"Postperpage" : nombre de messages par page ;
"Numshowpage" : nombre de numéros de pages affichés.

4) Enregistrer le template.

5) Encoder le nombre de messages à afficher ayant le même libellé :
remplacer 'data:label.url' par 'data:label.url + &quot;?&amp;max-results=7&quot;'

- corriger le chiffre "7" : nombre de messages par page : ce nombre doit correspondre à celui qui est encodé au point 3 : "postperpage=..".

6) Enregistrer le template.

7) La barre de numéros remplace les mentions "Messages suivants - Accueil - Messages précédents". SI ON PLACE LE GADGET EN HAUT DE LA PAGE, ces mentions s'affichent un bref instant avant de disparaître. On peut éviter cet effet inesthétique en supprimant dans le template (modèle) les instructions qui suivent. Mais il faut le faire avec prudence car ces mentions servent si on affiche un message individuellement par son adresse (http://...). Tout dépend donc du blog et de la manière d'accéder aux messages :


<data:newerPageTitle/>
<data:olderPageTitle/>
<data:homeMsg/>

8) Il faut enfin corriger l'heure des messages publiés à la même date ET à la même heure.

9) Si on veut placer la barre de numéros A GAUCHE plutôt qu'au centre des messages, il suffit de remplacer, dans le template (modèle) du blog, :

#blog-pager {
text-align: center;
}

par

#blog-pager {
float:left;
}

10) Les numéros de page remplacent la navigation par "Page précédente - Accueil - Page suivante".

Si on veut changer l'emplacement de ces numéros, il suffit de déplacer, dans le code du "template" ("modèle") du blog, les instructions qui en ordonnent l'affichage, soit :

<-- navigation -->
<b:include name='nextprev'/>

IMPORTANT : LE GADGET FONCTIONNE EN HAUT OU EN BAS DE LA PAGE, MAIS PAS AUX 2 ENDROITS EN MÊME TEMPS. IL FAUT DONC FAIRE UN CHOIX.

11) Les couleurs sont celles des autres liens du blog. Pour les changer, ajouter une instruction "color: ...;" dans les codes disponibles à la page suivante, aux endroits où on trouve déjà "background : ...;".


Pour personnaliser ou choisir une présentation et suppression de "page 1of 10 voir cet article


Enregistrer un commentaire