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.

Laisse un commentaire !

Merci à vous !

Inscription aux articles | Inscription aux commentaires

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