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 ::
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) : 3. Mettre le code suivant juste avant la balise </body >
<script type='text/javascript'> var home_page="/"; var urlactivepage=location.href; var postperpage=7; var numshowpage=4; var upPageWord ='Prev'; var downPageWord ='Next'; </script> <script src='http://xemphimhancom.eclipselabs.org.codespot.com/files/pagenaviv202-min.js' type='text/javascript'></script>
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 + "?&max-results=7"'
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.
@+
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.
RépondreSupprimerJ'ai suivi à la lettre ton astuce, j'ai eu peur de me planter mais ça a fonctionné du premier coup: MAGNIFIQUE! Merci :)
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épondreSupprimerJe 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@ 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épondreSupprimerOui 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?
RépondreSupprimerLe principe et le même que les images, mais l'emplacement et son stockage?
Voila j'ai récupéré le fichier JS, ou et comment dois le stocker sur blogger?
RépondreSupprimerMerci
@ 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.
RépondreSupprimerSinon, 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).
Merci rod, oui il est chez Google, je n'ai pas percuté, merci et bonne journée.
RépondreSupprimer@ Panzer Maréchal De Internaaze : De rien. Bonne journée à toi aussi.
RépondreSupprimercomment enlever le "Widget by Abu-farhan" ? j'ai essayé d'éditer le js mais ça ne change rien...
RépondreSupprimerOui 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épondreSupprimermerci, par contre je ne peux pas modifier le nombre de messages (7) par un autre chiffre, il reste toujours à 7?
RépondreSupprimerthanks. it's a very good navigation...
RépondreSupprimerAlors la !!!!!!!
RépondreSupprimerMoi 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
thanks ^^
RépondreSupprimer--
Funny Pictures-Humour-Images droles
http://imagesdrolez.blogspot.com
Comment peut-on enlever
RépondreSupprimerWidget by Abu-farhan?
@ 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.
RépondreSupprimerQuand 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.
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.
RépondreSupprimerComme on accède au plugin, peut-être faut-il le copier?
mais je n'ai pas la ligne data:label je fais comment?? Merci sinon pour tout
RépondreSupprimerSuper..çà marche du 1er coup !!! Formidable . un grand merci !!
RépondreSupprimerbonjour, ca ne marche pas chez moi ,j'ai testé et pourtant j'ai bien fait comme tu as dis.
RépondreSupprimer@ Anonyme : Si tu avais au moins laissé le lien vers ton blog, on serait aller jeter un coup d'oeil.
RépondreSupprimerBonjour !
RépondreSupprimerLe 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?
C'est encore moi !
RépondreSupprimerEn 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!
Tu n'es pas la seul à avoir des problèmes avec la navigation, Lucie.
RépondreSupprimerAs-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 ???
Ah? J'ai tester de
RépondreSupprimer"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 :)
J'ai suivi toutes les démarches, mais rien à faire ça n'apparait pas sur mon blog. Pourquoi?
RépondreSupprimerAh 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épondreSupprimermerci 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épondreSupprimerCe commentaire a été supprimé par l'auteur.
RépondreSupprimerTres bon travail!!!
RépondreSupprimerMerci à toi et félicitation !!!!!!!!!!!!!!!!!
RépondreSupprimerComment peut-on enlever
RépondreSupprimerWidget by Abu-farhan?
Dans le script en lien, rechercher |size|7pt| et remplacer par |size|0pt| ... à essayer ???
Bonsoir Rodney et merci pour ces précieuses informations!
RépondreSupprimerLorsque je recherche 'data:label.url' dans mon html, il apparait à plusieurs reprises, dois-je le remplacer à chaque fois?
je ne trouve pas ''data:label.url'
RépondreSupprimerqqun pourrait mindiquer vers ou il se situe? merci
@ 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.
RépondreSupprimerTu 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'
et sur "blogger in draft" ... comment mettre cette pagination car tout le HTML n'est plus le même.
RépondreSupprimerMerci ;))
Enfin un code qui fonctionne! merci :)
RépondreSupprimerbonjour
RépondreSupprimerpour 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
Slt ça amrché très bien jusqu'à hier soir !!
RépondreSupprimerDisparition du gadget .....
Quelqu'un aurait une idée de se qu'il se passe ?
Merci
J'oublais
RépondreSupprimerhttp://jabamiah-antinouvelordremondial.blogspot.com
Merci
BON ça y est !!
RépondreSupprimerG 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/
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 !!
RépondreSupprimerSi 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
Ce commentaire a été supprimé par l'auteur.
RépondreSupprimerPas la peine de vous exiter, y a bel et bien un problème avec le widget de Abu Fahran.
RépondreSupprimerIl 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.
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!! :(
RépondreSupprimerhttp://latelierdesperance.blogspot.com/
en gros il faut rediriger un fichier du script vers un fichier accessible car le lien est mort
RépondreSupprimerun 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=)
@BKL
RépondreSupprimerEffectivement ç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.
Salut jaba
RépondreSupprimerhum 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.
la solution de abu faran ne fonctionne plus du tout
RépondreSupprimerbonjour
RépondreSupprimermaintenant ca fonctionne mais comment mettre cette pagination en haut et en bas de la page
Ce commentaire a été supprimé par l'auteur.
RépondreSupprimerBonjour,
RépondreSupprimerJ'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
je n'ai pas trouvé la ligne 'data:label.url'
RépondreSupprimerque faire ?
Et moi je n'ai pas la balise "body" dans mon code htlm... Comment faire?
RépondreSupprimerCe commentaire a été supprimé par l'auteur.
RépondreSupprimeril est ou le < /body > ??? Trouve pas!
RépondreSupprimerj aimerai bien l'appliquer ici http://msgdamour.com
RépondreSupprimerPagination de blogger en 2 étapes simples :
RépondreSupprimerhttp://townofbloggers.blogspot.com/2012/09/easy-blogger-page-navigation.html
les numéro de page a fonction la 1er fois , âpre des semaines .
RépondreSupprimerles 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/
chez moi, ça ne marche pas :(
RépondreSupprimerhttp://www.posephoto.net/
29 mars 13 moi non plus ça ne fonctionne pas.
RépondreSupprimerIl faudrait supprimer ce post car on perd beaucoup de temps à essayer.
j aimerai bien...
RépondreSupprimerIs there the demo?
RépondreSupprimer