Par : Zak Mccry novembre 27, 2013



Alors pour obtenir un effet de page comme celui-ci voici un code plus simple a mettre en place sur blogger notamment que le dernier code en date ici il suffit de procédé comme cela:

Dans Mise en page de votre blog ajoutez simplement un GADGET

HTML/JAVA SCRIPT


oubliez pas CTRL+C et CTRL+V pour copier et coller le code qui suit


Collez ceci:

<style type="text/css">
#blog-pager{font-size:normal;padding:10px 0;float:left;}
.showpagePoint{color:white;text-shadow:0 1px 2px #333;padding:3px 8px;margin:2px;font-weight:700;
border:1px solid #191970;background:#191970;
-webkit-border-radius:3px;-moz-border-radius:3px;-goog-ms-border-radius:3px;border-radius:3px;}
.showpageNum a,.showpage a{color:#191970;padding:3px 8px;margin:0 4px;text-decoration:none;border:1px solid #191970;background:#ddd;
-webkit-border-radius:3px;-moz-border-radius:3px;-goog-ms-border-radius:3px; border-radius:3px;}
.showpageNum a:hover,.showpage a:hover{background:#ccc; border:1px solid #888;}
.showpageOf{display:none;}
.showpages2{color:#191970;}
.showpages3{border:1px solid #191970;}
</style>
<script type='text/javascript'>
var home_page_url = location.href;
var pageCount=3;
var displayPageNum=3;
var autre = 'autre';
</script>
<script src="https://sites.google.com/site/rvdmarcrailcatrain/home/pagesparnumeros2.js">
</script>


EN BLEU:

Le Var pageCount=3 

Correspond aux nombres d'articles par pages qui sera affiché je conseil 3 car plus d'articles par pages pourrais rendre votre blog trop lent lors de sont chargement.

Le var displayPageNum=3

Correspond comme dans l'exemple en image au fait qu'il y aura en moyenne 3 page avant et après la page affiché.
Dans l'exemple vous êtes à la 13eme page il affiche donc avant les pages 10 11 et 12 et après les pages 14 15 et 16.

Le #191970 qui apparait 6fois


Correspond à la couleur à modifier les 6fois par d'autre nombre ou par le nom de votre couleurs pour changé la couleur de la barre. La couleurs des numéros de page correspond a la couleurs que vous avez choisis dans le modèles du blog pour vos liens.

{ 13 Commentaires... Lis les commentaires ou commentes }

  1. Même en plaçant le gadget vers le bas sur la mise en page cela ne marche bas ?

    RépondreSupprimer
    Réponses
    1. non :( mais j'avais une autre pagination avant et hier j'ai touché au code, j'ai fait une bêtise alors j'ai voulu en trouver une nouvelle mais je pense que je n'ai pas tt supprimé de l'ancienne...

      Supprimer
  2. Ha oui le soucis peut venir de cela effectivement il faut que tu retire bien les elements de l'ancienne au complet je viens de testé ton blog pour le moment l'ancien code et encore présent

    retire bien d'abord les elements de celui ci

    http://zak-mc-cry.blogspot.fr/2012/12/numerotation-de-page-sur-blogger.html

    puis tu mettra le second

    http://zak-mc-cry.blogspot.fr/2013/11/numerotation-de-page-sur-blogger-2.html

    prend ton temps et n'oublie pas
    tu peux faire CTRL+F pour retrouvé plus rapidement dans le CSS l'élément que tu désire

    RépondreSupprimer
  3. Sur le premier code n'oublie pas de retiré le CSS et le gadget dans la mise en page :)


    (et oui les codes HTML sont soulant lol)

    RépondreSupprimer
  4. Je viens de re testé logiquement ça marche :) si tu a skype je peu essayé de t’aidai de vive voix mais logiquement (sauf bêtise comme tu a dit) ça doit fonctionnais :p

    RépondreSupprimer
  5. je ne retrouve rien du premier code :( je ne veux pas te faire perdre du temps :/

    RépondreSupprimer
  6. Mais non lol justement je modifie en ce moment des codes HTML c'est pile le bon moment
    (vue j'ai eu une absence de 5mois je dépoussiére un peu :p )


    Si tu ne trouve pas les éléments du premier alors vérifie que tu a retiré le GADGET qui était avec :) et essaye de mettre que le second (pour testé)

    RépondreSupprimer
    Réponses
    1. C'est très bizarre pourtant j'ai testé de mon coté il fonctionne bien le second dans le pire des cas reprend tout simplement les manipulations du premier :)

      Supprimer
  7. Je te rassure je t'oublie pas je vais essayé de te décodé un code plus simple :)

    et je vais également laissé mon skype dans un coin

    RépondreSupprimer
  8. je pourrais te contacter par email à ? a quelle adresse ?

    RépondreSupprimer
  9. Re bonjour, alors rien de plus simple tu a la rubrique nous contacté et/ou l'icone email en gif qui m'enverra directement ton message sur ma boite mail ou tu peux aussi comme je l'ai fait me contacté par skype :)

    y'a pas de soucis


    à bientôt !

    RépondreSupprimer

Merci à vous !

- Copyright All right reserved by ZAK MC-CRY - ZMC N'héberge aucune vidéo. © Zak Mc-cry Gaikokujin - Powered by ZAK MC-CRY