SEO Tips: Add Page Navigation Widget To Blogger

Page navigation widget is a useful widget for your blogger blog. With the help of this awesome widget, one can easily navigate through different pages

of the blog.

How to add Page Navigation Widget to blogger blog?

1. Go to blogger dashboard. Click on the arrow pointing downwards on the right upper corner of the page as shown in the image:

2. Select Layout from the list. Click on Add a Gadget and then click HTML/JavaScript.

3. Now paste the following 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><a href="http://netoopsblog.blogspot.com" style="font-size:0pt">Blogger Widgets</a>
<script style='text/javascript' src='http://netoopscodes.googlecode.com/svn/netoops-page-nav-v2.js'></script> 

4. Click on Save and you have done! Now check your blog and you will see a beautiful page navigation widget.

You also want to read How to Setup Feedburner Feed and Email Subscription for your blog