Add Next & Previous Numbered Pagination/Navigation in Blogger

Add Page Number Navigation For Easy To access and User quickly Access Next Or Previous page and Read Your post.

• Follow Below Steps.......

1) "Sign In" to Your "Blogger Account".

2) Go To Blogger "Templet and" Click On "Edit HTML" Option.

3) "Click" Any Way In Inside the code Area and Press "Ctrl + F" key to get Search Box.

4) In the "Search box",enter the code give Below.

]]></b:skin>

5) Once You Find this code ,Paste the following code Just below.

.showpageOf {display: none;}.showpagePoint {padding: 10px 15px 10px 15px;background: #222;float: center;color: #fff;font-size: 14px;font-weight: bold;}.showpageNum a {padding: 10px 15px 10px 15px;background: #2aa4cf;float: center;color: #fff;font-size: 14px;text-decoration: none;}.showpage a {padding: 10px 15px 10px 15px;background: #2aa4cf;float: center;color: #fff;font-size: 14px;text-decoration: none;}.showpage a:hover {background: #222;}.showpageNum a:hover {background: #222;}.showpageArea {float: center;}

6) Now You Can Find Ctrl + F and search This Tag.

</body>

7) Once You Can Find this code,Then Paste Following Code Just Below.

<b:if cond='data:blog.pageType != "item"'><b:if cond='data:blog.pageType != "static_page"'><script type='text/javascript'>//<![CDATA[var pageCount=3;var displayPageNum=6;var upPageWord ='«';var downPageWord ='»';//]]></script><script src='https://googledrive.com/host/0B3XfmZUC79zPcE15aXRzZmFUX3M' type='text/javascript'/></b:if></b:if>

8) Last Save Your Templet.

9) Enjoy it and post your review.

Related Post