Supprimer "Page 1of 100" numerotation blogger

RAPPEL : cette article permet seulement de choisir une présentation. Il suffit de copier le code qui convient le mieux et de retourner à l'article précédente qui précise ce qu'il faut en faire.



Le code figurant à la page précédente permet de réaliser cette présentation :

 Pour adapter le code à chaque blog, on peut se contenter de corriger 4 fois la couleur "green" du fond et des bordures, par un autre nom ou un code. La couleur des chiffres est celle qui est utilisée pour les liens du blog.


La mise en page concerne :
- le numéro de la page affichée :.showpagePoint
- les autres numéros de page : .showpageNum a
- les boutons page suivante - précédente : .showpage a
- les autres numéros de page survolés par la souris : .showpageNum a:hover,
- les boutons page suivante - précédente survolés par la souris : .showpage a:hover
- page 1 of 3 : .showpageOf

Sauf pour Internet Explorer, les numéros de pages sont placés dans des carrés aux coins arrondis.

Pour obtenir des liens carrés sans coins arrondis, supprimer (2 ou 3 fois): 

-webkit-border-radius:3px;-moz-border-radius:3px;
           -goog-ms-border-radius:3px;border-radius:3px;

 Pour supprimer "Page 1 of 3", remplacer

.showpageOf{
margin:0 8px 0 0;
}

par

.showpageOf{
display:none;
}

Pour obtenir une présentation de type "Google" (voir ci-dessus), le code à utiliser est le suivant :

/*numéros de page*/ /*page en cours*/ .showpagePoint { font-size: 14px; color:black; padding: 0px 10px; font-weight: bold; text-decoration: none; } /*liens*/ .showpageNum a:link{ font-size: 14px; color:blue; padding: 0px 10px; font-weight: bold; text-decoration: none; } .showpageNum a:visited{ font-size: 14px; color:blue; padding: 0px 10px; font-weight: bold; text-decoration: none; } .showpageNum a:hover{ text-decoration: underline; } .showpage a:link{ font-size: 14px; color:blue; padding: 0px 12px; font-weight: bold; text-decoration: none; } .showpage a:visited{ font-size: 14px; color:blue; padding: 0px 12px; font-weight: bold; text-decoration: none; } .showpage a:hover { text-decoration: underline; } .showpageOf{ display:none; } .blog-pager{ height:27px;} #blog-pager{ line-height: 24px; }  

Mise a jour :

Étiquette Fix (personnalisation)

Pour que votre numérotation sera visible dans les label il faut  ajouter cette astuce 

Aller vers  blogger ==> Modèle ==> Modifier HTML 

 

 

 Et ensuite chercher :  'data:label.url'

Remplacer le avec :   'data:label.url + "?&max-results=7"' 

Encore une fois ici, vous devez changer 7 à 5 si vous souhaitez afficher 5 messages par page.
Enregistrez votre modèle et afficher sur votre blog.

NB:

Il faut changer les lien vers votre label comme suite:
 exemple:
http://www.thtechnician.blogspot.com/search/label/Blogger
ce lien sera 
http://thtechnician.blogspot.com/search/label/Blogger?&max-results=7 

Vous aurez erreur suivant:

The reference to entity "max-results" must end with the ';' delimiter.

pour résoudre cette erreur il suffit de remplacer   &    avec &