How To Add Page Navigation in Blogger Templates|
There are many code and scripts for b logger page navigation.But this code is SEO friendly and also took low time for loading.So its best code for blogger.
1 - Go To Your www.blogger.com
2 - Open Your Desire Blog.
3 - Go To "Layout".
4 - Click "Add A Gadget" Where You Want To Add It.
5 - Now Scroll To "HTML-JAVASCRIPT"
6 - Click "+" Icon To Add It.
7 - Now Copy The Below Code And Paste It To There.
8 - Leave The Title Empty.
9 - Click on Save, Now You Are Done.
Screen shot
Page Navigation in Blogger Templates
Copy This code
<style type='text/css'>
#blog-pager{height: 28px;
padding: 10px 0 0;
overflow:hidden;
text-align:center;
}
.showpageArea a {text-decoration:underline;
font-size: 16px;
text-align: center;}
.showpageNum a {font-size:16px;text-decoration:none;border: 1px solid #cccccc;margin:0 5px;padding:5px;}
.showpageNum a:hover {border: 1px solid #cccccc;background-color:#cccccc;}
.showpagePoint {font-size:16px;text-decoration:none;border: 1px solid #cccccc;background: #216FD9;margin:0 5px;padding:5px;color:#ffffff;}
.showpageOf {text-decoration:none;padding:5px;margin: 0 5px;}
.showpage a {text-decoration:none;border: 1px solid #cccccc;padding:5px;}
.showpage a:hover {text-decoration:none;background: #cccccc;}
.showpageNum a:link,.showpage a:link {text-decoration:none;color:#333333;}</style>
<script style='text/javascript'>var pageCount=7;
var displayPageNum=5;var upPageWord="Previous";var downPageWord="Next";</script>
<script style='text/javascript' src='http://netoopscodes.googlecode.com/svn/netoops-page-nav-v2.js'></script>
Note
For Change display
Page Number=5 change page count,you wanna display
Add Page Navigation in Blogger Templates
You may also Smsg in Hindi site and Fort Temple Rajasthan Tourism Guide.
We have many tricks which awesome information, We don't share any many trick and sites we share only awesome or exe ideas which with simple method and also easy step.
You May Also Like our best site on New Facebook Tips Trick
