Best place to get various helpful tips

How to use page number navigation on your Blogger website

Usually most of the blogger templates don't come with page number navigation by default. So we need to add page number navigation by doing few extra steps. Adding this simple feature helps to make you blogger site look more professional and also it somehow increases page views. So here in this post I've tried to show how to add this.


Follow these steps carefully

1.  After logging in to your blogger account, go to Blogger dashboard > Template > Edit HTML and search for ]]></b:skin>

2. Paste the following code just above ]]></b:skin>
.showpageNum a {
background: #ea141f;
padding: 5px;
padding-left: 10px;
border: 1px solid #b9b9b9;
padding-right: 10px;
margin-right: 5px;
color: #000;
font-weight: bold;
}
.showpage a {
background: #364956;
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;
}
3. Click on Save Template and you're all done. Now visit your site and see the change.

Recent Posts

Pageviews