In this post I will share the article on how to make the next page on the blog, which is the key function for directing the visitors to see the pages that are on our blog based on the numbers listed in the key.
This article is meant for blogs that template does not have a next page button, and if you already own blog template button the next page, please ignore this article soon, but you do not get out of my blog and I command you to immediately find other articles available on this Pitoetor blog ... okay ...!
If you are still confused as well as whether the zoom, please see pictures like the one below.
How ... is unambiguous picture ...? when it is clear, we will now begin to weave. Please follow the guidelines ya ...
Sign in to your blogger account. (Remember your blog ... not another blog ...!)
In the Dashboard click on Design view and then click Edit HTML
To keep things undesirable I suggest backup your blog template first by clicking Download Full Template.
Check the little box that says Expand Template Widged.
Please find the code ]]> </ b: skin>
Copy the code below and paste the above code ]]> </ b: skin>
.showpageArea a {text-decoration:underline;}
.showpageNum a {text-decoration:none;border: 1px solid #cccccc;margin:0 3px;padding:3px;}
.showpageNum a:hover {border: 1px solid #cccccc;background-color:#cccccc;}
.showpagePoint {color:#333;text-decoration:none;border: 1px solid #cccccc;background: #cccccc;margin:0 3px;padding:3px;}
.showpageOf {text-decoration:none;padding:3px;margin: 0 3px 0 0;}
.showpage a {text-decoration:none;border: 1px solid #cccccc;padding:3px;}
.showpage a:hover {text-decoration:none;}
.showpageNum a:link,.showpage a:link {text-decoration:none;color:#333333;}
.showpageNum a {text-decoration:none;border: 1px solid #cccccc;margin:0 3px;padding:3px;}
.showpageNum a:hover {border: 1px solid #cccccc;background-color:#cccccc;}
.showpagePoint {color:#333;text-decoration:none;border: 1px solid #cccccc;background: #cccccc;margin:0 3px;padding:3px;}
.showpageOf {text-decoration:none;padding:3px;margin: 0 3px 0 0;}
.showpage a {text-decoration:none;border: 1px solid #cccccc;padding:3px;}
.showpage a:hover {text-decoration:none;}
.showpageNum a:link,.showpage a:link {text-decoration:none;color:#333333;}
Then find the code </ body>
Copy the code below and paste it above the code </ body>
<script type='text/javascript'>
var pageCount=5;
var displayPageNum=5;
var upPageWord='Previous';
var downPageWord='Next';
</script>
<script src='http://marbun.googlecode.com/files/scriptsnext.js' type='text/javascript'/>
var pageCount=5;
var displayPageNum=5;
var upPageWord='Previous';
var downPageWord='Next';
</script>
<script src='http://marbun.googlecode.com/files/scriptsnext.js' type='text/javascript'/>
And lastly please Save your Template.
How easy is not it ...? please try it.
Hopefully this information is useful.
0 comments:
Post a Comment