-->

Insérez la numérotation des pages dans blogger

Aujourd'hui je vous montrer une astuce sur le blogger concernant la méthode la plus facile pour numérote  vos page

allez sur votre blogger       choisir mise en page  et  ajouter un gadget  ensuit chercher HTML/javascript







et copier  coller le code suivant sur le gadget


enfin fait glisser le gadget vers le bas comme la figure suivant



16 comments

nettlebay mod

Bonjour,

rien n'est visible dans mon blog Blogger à part le titre. Le widget est en bas de page en haut à droite des widgets. Merci de votre aide!

http://nbbc-fr.blogspot.com/

Reply
nettlebay mod

Oops! Ça fonctionne! Mais en fait il n'est pas apparu en bas de page mais entre le premier post et la zone de titre. Merci, c'est pas mal du tout!

Reply

soyez bienvenue vous pouvez tester ce code

http://thtechnician.blogspot.com/2013/12/numeroter-les-page-de-votre-blogger-un.html

Reply

Bonjour et merci. Serait-il possible changer la couleur de fond ? J'obtient du vert, je souhaiterai du gris. Merci

Reply

bienvenue sur blog thtechnician
bien sur possible
vous pouvez le chqnger dans la premiere background dans le code.
pour la couleur changer de background de #9dd53a a #D3D3D3

Reply

bonjour et merci pour votre réponse.Donc je dois remplacer tous les #9dd53a par #D3D3D3 ? je n'y arrive pas dsl, ça reste vert. Désolé pour mon ignorance... voilà le site :

http://urban-eastereggs.blogspot.com

Reply

Bonjour :

changer le code ancienne par ceci



#blog-pager{padding:5px 0 !important;}
.showpageArea {font-weight: bold;margin:5px;}/* http://thtechnician.blogspot.com/ */
.showpageArea a {text-decoration:underline;color: #fff;}/* http://thtechnician.blogspot.com/ */
.showpageNum a, .showpage a {color: #fff;text-decoration:none;border:1px solid #999;-webkit-border-radius:3px;-moz-border-radius:3px;margin:0 3px;padding:3px 5px; background: #9dd53a; background: -moz-linear-gradient(top, #9dd53a 0%, #a1d54f 50%, #80c217 51%, #7cbc0a 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#9dd53a), color-stop(50%,#a1d54f), color-stop(51%,#80c217), color-stop(100%,#7cbc0a)); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9dd53a', endColorstr='#7cbc0a',GradientType=0 ); }/* http://thtechnician.blogspot.com/ */
.showpageNum a:hover, .showpage a:hover {border: 1px solid #ccc; background:#D3D3D3; background: -moz-linear-gradient(top,#D3D3D3 0%, #54a3ee 50%, #3690f0 51%, #1e69de 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#D3D3D3), color-stop(50%,#54a3ee), color-stop(51%,#3690f0), color-stop(100%,#1e69de)); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#D3D3D3', endColorstr='#1e69de',GradientType=0 ); } /* http://thtechnician.blogspot.com/ */
.showpagePoint {color: #aaaaaa;text-decoration:none;border:1px solid #999;-webkit-border-radius:3px;-moz-border-radius:3px; margin:0 3px;padding:3px 5px; background: #e2e2e2; background: -moz-linear-gradient(top, #e2e2e2 0%, #dbdbdb 50%, #d1d1d1 51%, #fefefe 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e2e2e2), color-stop(50%,#dbdbdb), color-stop(51%,#d1d1d1), color-stop(100%,#fefefe)); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e2e2e2', endColorstr='#fefefe',GradientType=0 ); }/* http://thtechnician.blogspot.com/ */
.showpageOf {text-decoration:none;padding:3px;margin: 0 3px 0 0;}/* http://thtechnician.blogspot.com/ */
.showpageNum a:link,.showpage a:link {text-decoration:none;color:#fff;}/* http://thtechnician.blogspot.com/ */


var home_page="/";
var urlactivepage=location.href;
var postperpage=5;
var numshowpage=9;
var upPageWord ='Preccedent';
var downPageWord ='Suivant';

Reply

Désolé ça ne fonctionne pas. le gadjet créé n'apparait plus : http://urban-eastereggs.blogspot.com

Reply

si ça marche en fait, mais c'est toujours vert

Reply

ooh j'ai oublier de changer un code voila c'est fini
https://drive.google.com/file/d/0B00GGYOCNkhAbENuZXVRZEdMSzg/edit?usp=sharing
ou bien utilise une autre méthode voila le lien

http://thtechnician.blogspot.com/2013/12/numeroter-les-page-de-votre-blogger-un.html

chercher le background dans le code et le remplacer leur color hex avec la votre
bonne chance

Reply
http://creationcookie.blogspot mod

merci infiniment pour l'astuce ca fait tres longtemps que je voulais numerter mes pages donc un grand merci mais comment on fait pour mettre premiere et derniere page ?
merci d'avance

Reply

bonjour,
bienvenue sur THtechnician,concernant votre question je pense que cette article sera utile pour vous:

http://www.technician.ovh/2013/12/numeroter-les-page-de-votre-blogger-un.html

Reply
La Machine mod

Bonjour, la numérotation se met comme il faut sur la page principale, mais quand je clique sur un de mes libéllés, là il n'y a plus de numérotation
http://mapassionpsp.blogspot.fr/
http://mapassionpsp.blogspot.fr/search/label/Tube%20carnaval%20de%20Venise

Y a t il une solution pour y remédier ?

Reply
the technician mod

Bonsoir BienVenue Sur Thtechnician
concernant votre question ,oui bien sur il y a solution et j'ai deja partager cette astuce ca fait 2 ans voici les deux article:

1-http://www.technician.ovh/2013/12/supprimer-page-1of-100-numerotation.html
2-http://www.technician.ovh/2013/12/numeroter-les-page-de-votre-blogger-un.html

Reply
La Machine mod

Merci de m'avoir répondu. Vos deux liens me mènent à : Page not found erreur 404 :(

Reply
THtechnician mod

Probleme Resolu :
voila les deux lien >>>>>>>>>>>
http://www.technician.ovh/2013/12/numeroter-les-page-de-votre-blogger-un.html
>>>>>>>>>>>>>>>>>>>>>>>>>
http://www.technician.ovh/2013/12/supprimer-page-1of-100-numerotation.html
>>>>>>>>>>>>>>>>>>>>>>>>>
Le premiere vous montre une methode tres efficace et simple de faire numeroter votre page

Reply

Enregistrer un commentaire