Having a easy Blogger template is one in every of the foremost important elements of a web log. Whenever, a visitor arrives on a web site he did not care concerning something, however all he wish is very skilled expertise. As we have a tendency to all grasp, Blogger Navigating system sucks as a result of it lacks lots. Its 3 buttons through those users navigate Older, and Newer Posts. For that reason, we've got coded a pleasant navigating system which is able to complement every and everyone’s web log. It’s numbered navigating system. If anyone is fed-up from his navigating system then these days during this article, we are going to be sharing a method through that anyone will simply getobviate his previous navigating system, and may simply add numbered page navigation.
Then inside the theme find around for]]> and simply on top of it paste the subsequent CSS.
How To Add Numbered Page Navigation in Blogger:
The steps square measure very simple hat it might soak two minutes to finish. simply follow the directions as mentioned below.- Go to Blogger>> template
- Edit HTML >> Proceed.
- Now Expand the contrivance
Then inside the theme find around for]]> and simply on top of it paste the subsequent CSS.
.showpageOf {Now search for in your template and within the template, above ,?head> tag, add the code given below:
margin:0 8px 0 0;
}
.showpagePoint
{
background: #666;
border:1px solid #999;
color:#fff;
font-weight: 700;
margin: 2px;
padding: 3px 8px;
text-shadow:0 1px 2px #333;
-webkit-border-radius:3px;-moz-border-radius:3px;
}
.showpageNum a:hover
{
border:1px solid #888;
background: #ccc;
}
showpageNum a
{
padding: 3px 8px;
-webkit-border-radius:3px;-moz-border-radius:3px;
text-decoration: none;
margin:0 4px;
border:1px solid #999;
background: #ddd;
}
<script type='text/javascript'>Now save the template using the save template button and you are done.
var home_page="/";
var urlactivepage=location.href;
var postperpage=7;
var numshowpage=4;
var upPageWord ='Prev';
var downPageWord ='Next';
</script>
<script src='http://scriptabufarhan.googlecode.com/svn/trunk/pagenaviv202-min.js' type='text/javascript'></script>
Having a easy Blogger template is one in every of the foremost important elements of a web log. Whenever, a visitor arrives on a web site he did not care concerning something, however all he wish is very skilled expertise. As we have a tendency to all grasp, Blogger Navigating system sucks as a result of it lacks lots. Its 3 buttons through those users navigate Older, and Newer Posts. For that reason, we've got coded a pleasant navigating system which is able to complement every and everyone’s web log. It’s numbered navigating system. If anyone is fed-up from his navigating system then these days during this article, we are going to be sharing a method through that anyone will simply getobviate his previous navigating system, and may simply add numbered page navigation.
Then inside the theme find around for]]> and simply on top of it paste the subsequent CSS.
How To Add Numbered Page Navigation in Blogger:
The steps square measure very simple hat it might soak two minutes to finish. simply follow the directions as mentioned below.- Go to Blogger>> template
- Edit HTML >> Proceed.
- Now Expand the contrivance
Then inside the theme find around for]]> and simply on top of it paste the subsequent CSS.
.showpageOf {Now search for in your template and within the template, above ,?head> tag, add the code given below:
margin:0 8px 0 0;
}
.showpagePoint
{
background: #666;
border:1px solid #999;
color:#fff;
font-weight: 700;
margin: 2px;
padding: 3px 8px;
text-shadow:0 1px 2px #333;
-webkit-border-radius:3px;-moz-border-radius:3px;
}
.showpageNum a:hover
{
border:1px solid #888;
background: #ccc;
}
showpageNum a
{
padding: 3px 8px;
-webkit-border-radius:3px;-moz-border-radius:3px;
text-decoration: none;
margin:0 4px;
border:1px solid #999;
background: #ddd;
}
<script type='text/javascript'>Now save the template using the save template button and you are done.
var home_page="/";
var urlactivepage=location.href;
var postperpage=7;
var numshowpage=4;
var upPageWord ='Prev';
var downPageWord ='Next';
</script>
<script src='http://scriptabufarhan.googlecode.com/svn/trunk/pagenaviv202-min.js' type='text/javascript'></script>
No Comment