How to Add Page Number Navigation for Blogger

Usually the original template from blog doesn’t have page number and just use a text older post on the bottom of the blog. So if you wanna creat a page number you must do something like this :

1.      Log in into you blog

2.      On the dashboard klik template

3.      If you want to back up your old template klik restore on the right up side --> download full template

4.      Back up is done and then klik edit htm

5.      Find code “]]></b:skin>” use ctrl+F

6.      Copy the script below and paste above the code ]]></b:skin>

.showpageArea a {text-decoration:underline;}

.showpageNum a {text-decoration:none;border: 1px solid #cccccc;margin:0 3px;padding:3px;}

.showpageNum a:hover {border: 1px solid #cccccc;background-color:#cccccc;}

.showpagePoint {color:#333;text-decoration:none;border: 1px solid #cccccc;background: #cccccc;margin:0 3px;padding:3px;}

.showpageOf {text-decoration:none;padding:3px;margin: 0 3px 0 0;}

.showpage a {text-decoration:none;border: 1px solid #cccccc;padding:3px;}

.showpage a:hover {text-decoration:none;}

.showpageNum a:link,.showpage a:link {text-decoration:none;color:#333333;}

7.      Find code “</body>”

8.      Copy the scipt below and paste below the kode </body>

<script type='text/javascript'>

var pageCount=5;

var displayPageNum=5;

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

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

</script>

<script src='http://marbun.googlecode.com/files/scriptsnext.js' type='text/javascript'/>

nb : you can change the red marked number with the number you like

9.      Before you save the html, you can preview your blog firt and your blog will become like this 

Other way to search
Cara menambah page number pada blog