6 modèles de numérotation de page pour votre blog

By
Advertisement

six modèles de numérotation des pages sur Blogger blogspot
Article mis à jour le 06 mai 2012.

La numérotation des pages sur Blogger semble être un désir partagé par plusieurs utilisateurs de la plateforme. Abu Farhan a répondu à ce désir en concevant six modèles de numérotations de page pour Blogger que voici ::
  1. Style 1
  2. Style 2
  3. Style 3
  4. Style 4
  5. Style 5
  6. Style 6
Pour installer cette astuce dans votre blog, c’est très simple.

1.  Connectez-vous à Blogger puis allez sur « Mise en page » et ensuite sur « Modifier le code html »
2. Mettez l’un des codes css suivant avant la balise ]]></b:skin> (les numéros correspondent à ceux des modèles ci-haut) :
  1. Style 1
  2. Style 2
  3. Style 3
  4. Style 4
  5. Style 5
  6. Style 6
3. Mettre le code suivant juste avant la balise </body >

&lt;script type='text/javascript'&gt;
var home_page=&quot;/&quot;;
var urlactivepage=location.href;
var postperpage=7;
var numshowpage=4;
var upPageWord ='Prev';
var downPageWord ='Next';
&lt;/script&gt;
&lt;script src='http://xemphimhancom.eclipselabs.org.codespot.com/files/pagenaviv202-min.js' type='text/javascript'&gt;&lt;/script&gt;

4. Enregistrez votre modèle

5. Cochez la case pour "Développer des modèles de gadet"
6. Trouvez la ligne suivante :   'data:label.url'
7. Remplacez-la par celle-ci :  'data:label.url + &quot;?&amp;max-results=7&quot;'

Vous pouvez  remplacer "7" par un autre chiffre, correspondant au nombre d'articles que vous voulez afficher sur une page de libellé.

8. Enregistrez votre modèle et allez admirer le résultat.



@+


64 commentaires:

  1. Alors là franchement Rodney je te tire mon chapeau: BRAVO!!! C'est exactement ce qu'il manquait à mon blog, qui grâce à toi prend petit à petit forme, et désormais la navigation à travers mon blog est encore plus aisée, je peux même revoir mes premiers post sur les différents sujets en un clin d'oeil.

    J'ai suivi à la lettre ton astuce, j'ai eu peur de me planter mais ça a fonctionné du premier coup: MAGNIFIQUE! Merci :)

    RépondreSupprimer
  2. LA, BRAVO, depuis le temps que j'en voulais un comme ça, génial, mais dit moi ou sont stocké les images, le site?

    RépondreSupprimer
  3. Je vois bien le photobucket mais la déco des choffres, quand le site est down en général le tien aussi, qu'en pense tu?

    RépondreSupprimer
  4. @ Panzer Maréchal De Internaaze : C'est vrai que Photobucket n'est plus fiable. Vérifiez si tu peux héberger ces images sur Blogger et bénéficier d'une bande passante illimitée

    RépondreSupprimer
  5. Oui c'est vrai et c'est fait, mais pour le js, tu a fait un post et je n'ai rien compris, tu pourrais si tu a le temps expliquer, en tout cas pour ce widget, comment le récupérer et l'héberger?
    Le principe et le même que les images, mais l'emplacement et son stockage?

    RépondreSupprimer
  6. Voila j'ai récupéré le fichier JS, ou et comment dois le stocker sur blogger?
    Merci

    RépondreSupprimer
  7. @ Panzer Maréchal De Internaaze : Ne n'inquiète pas pour le js, il est hébergé chez Google code. Donc, le mettre chez blogger, c'est comme habillé St Pierre après avoir déshabillé St Paul.

    Sinon, sache aussi que le widget ne marche pas quand on applique la technique enseignée pour les js. J'ai passé toute une journée à essayer de le faire sur le modèle ComicPress que je publié dernièrement, mais ça n'avait donné aucun bon résultat (la numérotation disparaisait).

    RépondreSupprimer
  8. Merci rod, oui il est chez Google, je n'ai pas percuté, merci et bonne journée.

    RépondreSupprimer
  9. @ Panzer Maréchal De Internaaze : De rien. Bonne journée à toi aussi.

    RépondreSupprimer
  10. comment enlever le "Widget by Abu-farhan" ? j'ai essayé d'éditer le js mais ça ne change rien...

    RépondreSupprimer
  11. Oui j'aimerais bien le virer aussi mais je ne trouve pas, en fait j'ai trouvé la ligne mais si on y touche le widget ne va plus.

    RépondreSupprimer
  12. merci, par contre je ne peux pas modifier le nombre de messages (7) par un autre chiffre, il reste toujours à 7?

    RépondreSupprimer
  13. Alors la !!!!!!!

    Moi je dis APPLAUSE ... CLAP CLAP CLAP

    UN GRAND MERCI FRANGIN !!!!

    Depuis le temps que je m'arrache les cheveux mais là Fini la galère !!

    Tu es un seigneur !!!!!!

    I LOVE YOUUUUUUUUUUUUUUUUUUUU....mdr

    RépondreSupprimer
  14. thanks ^^
    --
    Funny Pictures-Humour-Images droles

    http://imagesdrolez.blogspot.com

    RépondreSupprimer
  15. Comment peut-on enlever
    Widget by Abu-farhan?

    RépondreSupprimer
  16. @ Internaaze : ça c'est la question à 1000 dollars. Si je ne me trompe pas, tu avais déjà compris que le designer avait trufé son code pour le rendre hs au cas où l'on enlève la notice de fabrication.

    Quand on sait que ce genre de truc est fait aussi pour rapporter un tas de lien au blog de son auteur, comprend qu'il a tout fait que ce lien soit indispensable.

    Quoi qu'il en soit, dès que je trouve une solution, je vous fait signe.

    RépondreSupprimer
  17. Merci Rodney, oui j'avais déjà trifouillé mais mon savoir et le tien d'il y a 3 ou 4 ans, je me tourne donc vers le maitre.
    Comme on accède au plugin, peut-être faut-il le copier?

    RépondreSupprimer
  18. mais je n'ai pas la ligne data:label je fais comment?? Merci sinon pour tout

    RépondreSupprimer
  19. Super..çà marche du 1er coup !!! Formidable . un grand merci !!

    RépondreSupprimer
  20. bonjour, ca ne marche pas chez moi ,j'ai testé et pourtant j'ai bien fait comme tu as dis.

    RépondreSupprimer
  21. @ Anonyme : Si tu avais au moins laissé le lien vers ton blog, on serait aller jeter un coup d'oeil.

    RépondreSupprimer
  22. Bonjour !

    Le widget est super !
    Mais j'ai un soucis sur mon blog, je peux effectivement naviguer de page en page, mais il y a deux de mes articles qui ne s'affichent plus du coup... Une idée d'où cela peut venir?

    Dans les archives, on peut les consulter, mais pas avec les pages, c'est les deux ci-dessous:
    - Mai 2009 au 22 Aout 2009
    - Randonnée du 22 Aout 2009 - Guichen


    Voilà l'adresse http://pauloetlutine.blogspot.com

    Une idée de ce que je pourrais faire pour qu'ils se remettent à la suite dans les pages?

    RépondreSupprimer
  23. C'est encore moi !

    En fait, j'ai changé le nombre d'article, au lieu de 7 ou 10 comme je l'aurais souhaité, j'ai mis 5 par pages, et ce la semble fonctionner correctement.

    Si tu as une idée d'où peut venir le soucis, je serais heureuse de pouvoir afficher 10 articles par page!

    RépondreSupprimer
  24. Tu n'es pas la seul à avoir des problèmes avec la navigation, Lucie.
    As-tu remarqué que quand tu cliques sur "page précédente" dans ton navigateur, tu reviens sur le site précédemment consulté, au lieu de revenir sur la page que tu as consultée juste avant de ton blog.

    Bref la marche arrière déconne ainsi que le nombre de poste par page qui n'est pas au point d'où une perte relative de plusieurs posts par page.

    Cliquer sur une ligne de vos archives de telle date à telle date & aprés cliquer sur "messages plus anciens" tout en bas de la page.
    Les articles s'affichent normalement mais malheureusement les numéros de page (en bas) ne correspondent à la page consultée, c'est indiqué 1...

    Donc un beau bordel au final.
    Peut-être que ça fonctionne sur certains modèles de templates uniquement ???

    RépondreSupprimer
  25. Ah? J'ai tester de
    "Cliquer sur une ligne de vos archives de telle date à telle date & aprés cliquer sur "messages plus anciens" tout en bas de la page.
    Les articles s'affichent normalement mais malheureusement les numéros de page (en bas) ne correspondent à la page consultée, c'est indiqué 1..."

    Mais cela ne le fait pas chez moi.. Ca doit etre du au template oui.

    En tout cas, en mettant le nombre d'article à 10 dans les paramètres du blogger, et à 5 dans les paramètres du widget, je n'ai plus de perte d'article. C'est un peu du bricolage, mais du moment que ca fonctionne :D

    Merci de ta réponse :)

    RépondreSupprimer
  26. J'ai suivi toutes les démarches, mais rien à faire ça n'apparait pas sur mon blog. Pourquoi?

    RépondreSupprimer
  27. Ah nan, ça y'est, ça marche ! Je pensais que ça ne marchait pas parce que j'étais sur l'aperçu qui n'affichait rien. J'ai ouvert un lien sur la page de mon blog et là la numérotation apparait ! Merci !

    RépondreSupprimer
  28. merci beaucoup, je suis nulle en informatique et votre mode d'emploi m'a rendu bien service. Je pense que sur mon blog cela fonctionne très bien. Merci encore

    RépondreSupprimer
  29. Ce commentaire a été supprimé par l'auteur.

    RépondreSupprimer
  30. Merci à toi et félicitation !!!!!!!!!!!!!!!!!

    RépondreSupprimer
  31. Comment peut-on enlever
    Widget by Abu-farhan?

    Dans le script en lien, rechercher |size|7pt| et remplacer par |size|0pt| ... à essayer ???

    RépondreSupprimer
  32. Bonsoir Rodney et merci pour ces précieuses informations!

    Lorsque je recherche 'data:label.url' dans mon html, il apparait à plusieurs reprises, dois-je le remplacer à chaque fois?

    RépondreSupprimer
  33. je ne trouve pas ''data:label.url'
    qqun pourrait mindiquer vers ou il se situe? merci

    RépondreSupprimer
  34. Rodney SANKINKA19 mai 2010 à 09:22

    @ Chunkee : Va dans ton compte blogger, sur mise en page, puis là tu coche sur développer des modèes de gadgets. Ensuite, tu fait CTRL+F et tu colle 'data:label.url' dans le module de recherche, ton navigateur va vite le trouver pour toi.

    Tu peux aussi copier l'intégralité du code html de ton blog et le coller sur word. Là aussi, tu utilise l'option de recherche pour trouver 'data:label.url'

    RépondreSupprimer
  35. et sur "blogger in draft" ... comment mettre cette pagination car tout le HTML n'est plus le même.

    Merci ;))

    RépondreSupprimer
  36. Enfin un code qui fonctionne! merci :)

    RépondreSupprimer
  37. bonjour

    pour moi ca fonctionne tres bien sauf que ma pagination s'affiche en haut du blog au lieu d'en bas de plus il ne met pas les couleurs demandées comme indique par abuh faran

    merci de votre aide

    http://www.surlesroutesducoudon.com/

    frederic

    RépondreSupprimer
  38. Slt ça amrché très bien jusqu'à hier soir !!

    Disparition du gadget .....

    Quelqu'un aurait une idée de se qu'il se passe ?

    Merci

    RépondreSupprimer
  39. J'oublais
    http://jabamiah-antinouvelordremondial.blogspot.com

    Merci

    RépondreSupprimer
  40. BON ça y est !!

    G TROUVE UN AUTRE SYSTEM ICI ET C NIKEL !!

    http://bloggerstop.net/2010/01/bloggerblogspot-pagination-page.html?showComment=1276475372537_AIe9_BEDf2fmRcPa3BB6_ETAKNpjEa9a-6wCJDh2atKdq03REfYcaG-edQawZn8B2M7ZGkEt40LrCQDf6PSLNJN9dImqHz2PgBgB4kBolW7wAEZRoYh1Lt3aNwnWqtGge1tnMDPY7-B7F7gw4MHzPDw5zFuK8HAs_kllT8VopYnx82w8kWvqRRlkrFo8ZSm8IW61uA-EvVVUN1AuuIsdQDjN_a8IFarWwsafwE5QLfe0Htx2HjN3z2Y#c2111528499300864595

    En anglais mais une page de traduction et c'est réglé !

    PAR CONTRE: ne pas copier coller les script de la page traduite car sinon vous allez copier la version original+ traduite = PAS BIEN !!

    ... donc ouvrez 2 fenêtres un traduite et l'autre non !

    Voila au plaisir les amis.

    Voici ce que cela donne:
    http://jabamiah-antinouvelordremondial.blogspot.com/

    RépondreSupprimer
  41. Ouais et bien ça fait un de plus qui ne voit pas s'afficher ce widget... Rien à faire mais c'est pas grave, le lien de Jabamiah fonctionnne du tonerre : très bien et du premier coup sans avoir le moindre souci comme ceux répertoriés ci haut !!

    Si vous voulez voir le résultat ; même si je dois pouvoir faire un peu mieux ; c'est à l'adresse suivante : http://aymericgallery.blogspot.com/

    Allez voir et dites ce que vous en pensez, laissez un (voire plusieurs !!) petit(s) commentaire(s). Merci d'avance !
    Aymeric

    RépondreSupprimer
  42. Ce commentaire a été supprimé par l'auteur.

    RépondreSupprimer
  43. Pas la peine de vous exiter, y a bel et bien un problème avec le widget de Abu Fahran.
    Il est installé sur mon site depuis des mois et là depuis 3 jours, il ne s'affiche plus.
    Une petite visite sur le site officiel d'Abu Fahran (http://www.abu-farhan.com/) nous renseigne ceci:

    "Today I received many comments said that my script can’t show, when I checked the file storage at googlecode, I can’t access it anymore. so I put some of my script in another storage, you can download and upload to your server or use that link
    I hope this can help all off you
    This is my scipt link
    http://scriptabufarhan.googlecode.com/svn/trunk/"

    Par contre là, moi j'y comprend rien sur ce qu'il faut changer quand je vais sur le lien qu'il met ??
    Donc pour l'instant, j'ai fais la méthode proposée ci-dessus mais après je compte bien remettre le code d'avant (boutons plus jolis) lorsque Abu Fahran aura pu accéder au code google et arranger ça.

    RépondreSupprimer
  44. bonjour ... même problème sur mon blog, j'ai donc testé votre méthode mais rien y fait ... c'est comme si je n'avais rien changé dans la base HTML ... pfff .. je désespère!! :(

    http://latelierdesperance.blogspot.com/

    RépondreSupprimer
  45. en gros il faut rediriger un fichier du script vers un fichier accessible car le lien est mort
    un seul fichier est concerné
    c'est pagenaviv202-min.js
    il faut remettre un lien qui fonctionne:
    trouve ce lien (l'ancien):
    http://all-in-one-blogger-widget.googlecode.com/files/pagenaviv202-min.js

    et remplacez le par:

    http://scriptabufarhan.googlecode.com/svn/trunk/pagenaviv202-min.js

    et ça repartira comme avant=)

    RépondreSupprimer
  46. @BKL

    Effectivement ça marche très bien BKL sauf que...

    --------------------------------
    De la solution que j'ai trouvé :

    http://bloggerstop.net/2010/01/bloggerblogspot-pagination-page.html?showComment=1276475372537_AIe9_BEDf2fmRcPa3BB6_ETAKNpjEa9a-6wCJDh2atKdq03REfYcaG-edQawZn8B2M7ZGkEt40LrCQDf6PSLNJN9dImqHz2PgBgB4kBolW7wAEZRoYh1Lt3aNwnWqtGge1tnMDPY7-B7F7gw4MHzPDw5zFuK8HAs_kllT8VopYnx82w8kWvqRRlkrFo8ZSm8IW61uA-EvVVUN1AuuIsdQDjN_a8IFarWwsafwE5QLfe0Htx2HjN3z2Y#c2111528499300864595

    ------------------------------------
    Et de la rectification que tu as donné et qui marche de Rod:

    " il faut remettre un lien qui fonctionne:
    trouve ce lien (l'ancien):
    http://all-in-one-blogger-widget.googlecode.com/files/pagenaviv202-min.js

    et remplacez le par:

    http://scriptabufarhan.googlecode.com/svn/trunk/pagenaviv202-min.js

    -----------------------------

    Aucune des 2 mets une pagination pour les libellés....snifff.
    Je m'aperçois que ton site lui par contre en a une, as-tu une solution ?

    Merci à toi ou a ROD de nous aider.

    Salutions.

    RépondreSupprimer
  47. Salut jaba
    hum si tu as regardé mon site tu verras qu je ne suis plus sous blog spot mais sous wordpress!
    Sinon pour la pagination blogspot je n'ai fais aucune autre modification a part celle que j'ai cité au dessus.

    RépondreSupprimer
  48. la solution de abu faran ne fonctionne plus du tout

    RépondreSupprimer
  49. bonjour

    maintenant ca fonctionne mais comment mettre cette pagination en haut et en bas de la page

    RépondreSupprimer
  50. Ce commentaire a été supprimé par l'auteur.

    RépondreSupprimer
  51. Bonjour,

    J'ai installé les codes suivants (pour réduire mes articles... et Lire la suite...) :
    j'ai suivi les instructions de ce lien : http://www.leblogger.com/2009/07/automatique-lire-la-suite-image-blogger.html?showComment=1295273997095_AIe9_BG6Jd5_XbGGRNgagFiabUnjMSdzkI_uvujNUi2X5zE4DnjA7Lu_NQk-8k_NVYvbIROiS9HKpY9REAwj6GSP42I-kJLHcP3J7WAt7YMct8elLaRFcRYvcjiIoaav6PJzDf76oOpP3IgqqOAP4RnEbD7y_hV9ZTOACQRAOY_rzzx7E4jOlFM-RaH8YOVcoRAPpvgZRwDxlSs1DQ9qfTGUBQLLTtoSikGX4uLnYGqElzvewsGvJpzr98rpOovQvEtxW5J938GYFvK49f03JiapGL1n9IOF-3EGd8EcVKnevpgn4vekk_HyIPR6x6TfxiNQInCS0XToYPapXj1BXfSaPYLWMktcjfMzM9YGAZ5ti0pr86RDeKU_JKNblbdQ38Egtg1hvkML3BvJ2c40qSXaufG1XXeuwiAqYySzgFs96wWPu9egFVW2_O_0vaSkkY9-3ifoHZUn_D9xRWdSI61w7yp9TWsmjaHw1RC8QpGHEolQJLDVj7msRx5rNsFWz001Q3bXwgi7bj_q_9iwLvzvoxtEt6hRCwgW70mQudqU2EObVhcVYmjDOESNpVMqn5KX2zfiY9mZsTqlIn_ce6PS2gxpWFb0rKAO1clyIazgW2xUImNgdDRnQdOoqA5S1aSx6X3X_4zJ_8rJaex7djS4oUU8iCWqy6RUG1XK7lcwH3acwXlTJ2tb1L99TpAyZlMVe_w9jsKnpjdUR0fdbJrAav_UF_2KnLbQ5WcDvCiqSC-PTnDCkku3fTFUpESIqznk4hfxvGugWQ-l4_fDYEYrsq3b8YGTefKiR-PAwoBHDCdt_IDMnIDr2yHtGdUAZGiMrS7jCC3_lxHc0d-A8U8ymPoNqRVokvCc84xvJaWsLX_ng_fxA1BSVB_Vcyj09wOp3bWATZgyKwjqrzBgQn3yOlV4YYyuH2hd1FW_kCOAmfWtqlY0OC3Tg7VkrG8bqaUZMtvG-2UusqXZP5NJcGie6aOrf6XY2rYaJdcPtJr6llY2p2cYn3gceynWdT4xfFWFR0R-iaKSYRYeUTcTaLKZ79bwTi6lsw#c3434388057107537236
    mais avec les codes : Pour Centrer l'image du résumé (avec en haut 520 pour les 2)

    Mon blog : http://concept-com.blogspot.com

    Le problème je n'ai plus accès à la page d'Accueil, mes articles sont consultables uniquement que par l'archivage, impossible d'accès par les Libellés.

    AU SECOURS !!!

    Une mamy de 58 ans au bord de la déprime !!!

    Tara

    RépondreSupprimer
  52. je n'ai pas trouvé la ligne 'data:label.url'
    que faire ?

    RépondreSupprimer
  53. Et moi je n'ai pas la balise "body" dans mon code htlm... Comment faire?

    RépondreSupprimer
  54. Ce commentaire a été supprimé par l'auteur.

    RépondreSupprimer
  55. il est ou le < /body > ??? Trouve pas!

    RépondreSupprimer
  56. j aimerai bien l'appliquer ici http://msgdamour.com

    RépondreSupprimer
  57. Pagination de blogger en 2 étapes simples :

    http://townofbloggers.blogspot.com/2012/09/easy-blogger-page-navigation.html

    RépondreSupprimer
  58. les numéro de page a fonction la 1er fois , âpre des semaines .
    les numéro son remplacer par ( message suivant)
    j'ai changer le code plusieurs fois et le résultat le mémé

    aidé mois SVP et merci d'avance


    http://www.maroc2hip.com/

    RépondreSupprimer
  59. chez moi, ça ne marche pas :(

    http://www.posephoto.net/

    RépondreSupprimer
  60. 29 mars 13 moi non plus ça ne fonctionne pas.

    Il faudrait supprimer ce post car on perd beaucoup de temps à essayer.

    RépondreSupprimer

Salut Cher Lecteur.

Bien que les commentaires ne sont pas modérés en amont, ne perdez pas votre temps à mettre des commentaires sans aucun lien avec l'article. Ils seront effacés.

Ne venez surtout pas mettre des commentaires bidons pour promouvoir les sciences occultes ici (voyance, magie, etc.), vérifiez le blog, aucun commentaire de ce genre n'a résisté à la gomme de l'administrateur.

Bon, ceci étant dit, puissiez-vous respecter les lois de votre pays, les lois universelles ainsi que le bon sens en postant votre commentaire sur ce blog.

Remarque : Seul un membre de ce blog est autorisé à enregistrer un commentaire.

@ Blogger au bout du doigt. Fourni par Blogger.

SEO & REFERENCEMENT