Pagination des pages Blogger.

Naviguer facilement dans un blog est primordial mais si vous êtes sous Blogger cela n'est pas disponible et l'internaute doit se contenter de "messages plus anciens". Voici une astuce qui va numéroter le bas de votre blog et ce très simplement.

Cherchez "</body>" et collez juste avant ce code:

<!--PAGINATION-STARTS-->

<script type='text/javascript'>

var pageCount=10;

var displayPageNum=3;

var upPageWord =&#39;Previous&#39;;

var downPageWord =&#39;Next&#39;;

</script>

<script src='http://files.main.bloggerstop.net/uploads/3/0/2/5/3025338/pagination1.js' type='text/javascript'/>

<script src='http://files.main.bloggerstop.net/uploads/3/0/2/5/3025338/pagination2.js' type='text/javascript'/>

<!--PAGINATION-STOPS-->

Cherchez le code "</head>' et collez juste avant:

<!--PAGINATION-STARTS-->

<link href='http://files.main.bloggerstop.net/uploads/3/0/2/5/3025338/pagination2.css' rel='stylesheet' type='text/css'/>

<style type='text/css'>

.showpage a:hover {

color: #FFFFFF;

background-color: #92416C;

}

// STYLE CODE FOR SELECTED PAGE STARTS

.showpagePoint {

color: #FFFFFF;

background: #92416C;

border: 1px solid #92416C;

}

// STYLE CODE FOR NUMBER BUTTONS STARTS

.showpageNum a:link,.showpage a:link {

color: #000000 !important;

background-color: #92416C;

border: 1px solid #92416C;

}

// HOVER CODE for NUMBER BUTTONS

.showpageNum a:hover {

color: #FFFFFF !important;

background: #92416C !important;

border: 1px solid #92416C;

}

// STYLE CODE FOR "PREV and NEXT" BUTTONS STARTS

.showpageArea a {

border: 1px solid #92416C;

}

// HOVER CODE for NEXT-PREV BUTTONS

.showpageArea a:hover {

border: 1px solid #92416C;

color: #FFFFFF !important;

background: #92416C !important;

}

</style>

<!--PAGINATION-STOPS-http://bloggerstop.net-->

Rejoignez la communauté du HIT Clair