.jpg)
Il y a 2 ans
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.
ça ne marche pas :(
RépondreSupprimerMême en plaçant le gadget vers le bas sur la mise en page cela ne marche bas ?
RépondreSupprimernon :( 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...
SupprimerHa 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
RépondreSupprimerretire 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
Sur le premier code n'oublie pas de retiré le CSS et le gadget dans la mise en page :)
RépondreSupprimer(et oui les codes HTML sont soulant lol)
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épondreSupprimerje ne retrouve rien du premier code :( je ne veux pas te faire perdre du temps :/
RépondreSupprimerMais non lol justement je modifie en ce moment des codes HTML c'est pile le bon moment
RépondreSupprimer(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é)
c'est ce que j'ai fait :(
SupprimerC'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 :)
SupprimerJe te rassure je t'oublie pas je vais essayé de te décodé un code plus simple :)
RépondreSupprimeret je vais également laissé mon skype dans un coin
je pourrais te contacter par email à ? a quelle adresse ?
RépondreSupprimerRe 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 :)
RépondreSupprimery'a pas de soucis
à bientôt !