Powered by Blogger.

Tuesday, May 28, 2013

How To Add Page Navigation in Blogger Templates

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


0 comments:

Post a Comment