Page number navigation below posts using KSB code

Number page navigation trick

This page number navigation below blog post trick was created by sandeep@ksb author. we are thank full to him .We are bloggers with different designs and content but we are getting disgust with routine number navigation in the blog so you can get out of this by having this awesome trick in your blog and experience beautifull page navigation below blog post. let view the KSB code below.

• Login to your Blogger Dashboard--> Layout- -> Edit HTML

• Find  ]]></b:skin> tag in the HTML by using pressing cltrl+f.

• Copy below code and paste it just before the ]]></b:skin> tag.

• Numbered Page Navigation Hack For Bloggers

.showpageArea a {
text-decoration:underline;
}
.showpageNum a {
border:1px solid #CCCCCC;
margin:0 3px;
padding:3px 7px;
text-decoration:none;
}
.showpageNum a:hover {
background-color:#CCCCCC;
border:1px solid #CCCCCC;
}
.showpagePoint {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#CCCCCC none repeat scroll 0 0;
border:1px solid #CCCCCC;
color:#333333;
margin:0 3px;
padding:3px 7px;
text-decoration:none;
}
.showpageOf {
margin:0 3px 0 0;
padding:3px 7px;
text-decoration:none;
}
.showpage a {
border:1px solid #CCCCCC;
padding:3px 7px;
text-decoration:none;
}
.showpage a:hover {
text-decoration:none;
}
.showpageNum a:link, .showpage a:link {
color:#333333;
text-decoration:none;
}

Thanks for using knocksuperbuzz.blogspot.com if you like this post comment and subscribe.