Show Mobile Navigation
,

Add a Professional Numbered Page Navigation Widget V2

Hemant Verma - 6:44 PM
Hello friends after posting the Giveaway of Note 3 we didn't publish any article because many of our readers were complaining about some widgets and due to that complains we were busy in new widgets so today you get a new professional numered page navigation widget V2 as because many readers were complaining about the last page navigation widget that, that is not working properly. So, we have an another widget more professional than the last one. So, enjoy with this.



Numbered Page Navigation


Page Navigation




Add Professional Numbered Page Navigation Widget V2

You have to follow below steps to add this beautiful widget in blogger.
  • Login to Blogger > Dashboard
  • Click on Drop Down Menu and select Layout
  • Add a HTML/JavaScript Gadget
  • Paste below code in it.


<style> .showpageNum a {
background: #02ab68;
padding: 5px;
padding-left: 10px;
border: 1px solid #b9b9b9;
padding-right: 10px;
margin-right: 5px;
color: #000;
font-weight: bold;
}
.showpage a {
background: #02ab68;
padding: 5px;
padding-left: 10px;
border: 1px solid #b9b9b9;
padding-right: 10px;
margin-right: 5px;
color: #000;
font-weight: bold;
}
.showpageArea {
float: left;
}
.feed-links {
display: none;
}
.showpageArea a {
float: left;
font-size: 15px;
color: #fff!important;
padding-left: 15px;
padding-right: 15px;
}
.showpagePoint {
float: left;
font-size: 15px;
padding-left: 15px;
padding-right: 15px;
}
.showpageArea a {
text-decoration: none;
}
.showpageArea {
float: left;
width: 363px;
margin-top: 10px;
}</style>
<!--Page Navigation Starts by WidgetGenerators.com-->
<b:if cond='data:blog.pageType != &quot;item&quot;'>
<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
<script type='text/javascript'>
var pageCount=6;
var displayPageNum=6;
var upPageWord =&#39;Previous&#39;;
var downPageWord =&#39;Next&#39;;
</script>
<script src='http://widcraft.googlecode.com/svn/blogger_pagenavi_min.js' type='text/javascript'/>
</b:if>
</b:if>
<!--Page Navigation Ends  by WidgetGenerators.com --></script></b:if></b:if>


  • Now Save Your Widget and Enjoy.

Final Words...!

This widget is very sensitive so please don't try to change anything from it. We are happy to introducted this widget because many readers were facing problem since a long time, and I promise personally I try to solve your all problem and also I'll update outdated articles. Good Bless You All, Be Happy :)

2 comments:

  1. The javascript asks for user name and password before running.

    ReplyDelete
  2. the java script no longer available at google code

    ReplyDelete

You may use these HTML tags and attributes: <a href="" title=""> </a> <b> </b><strong> </strong>

 



Make Your Blog Like a Pro
About | Contact | Affiliates | Privacy Policy | TOS