Homepage with pages navigation

|
Tired of "Older post" link? With this hack you can get rid of it! Lets your reader easier to surf your website in order to make money online.

Go to Layout > Edit HTML
tick the expand widgets box,then locate this by CTRL+F:
<b:include name='nextprev'/>


replace it with the code below

<b:if cond='data:blog.pageType == "index"'>
<style type='text/css'>
.blogpager {
font-size:16px;
color: #060;
font-weight:bold;
padding:0px 4px;
}
</style>

<div align='center' style='margin:5px;'>
<form action='#' name='pager20'>
<span id='vwg-pager-first'/> <span id='vwg-pager-prev'/> <input name='showingpage' onfocus='this.select()' size='4' title='Enter page number that You want to go' type='text' value='init...'/>/<input disabled='disabled' name='pagestotal' size='4' type='text' value='init...'/> <input onclick='checkpager()' type='button' value='Go'/> <span id='vwg-pager-next'/> <span id='vwg-pager-last'/>
</form>
</div>

<script type='text/javascript'>
var blogID = "7627232024483753977";
var home_page = "http://moneytut.blogspot.com/";
var pager_max_main = 10;
var pager_first_text = "First";
var pager_last_text = "Last";
var pager_prev_text = "Prev";
var pager_next_text = "Next";
</script>

<script src='http://sites.google.com/site/davidng777/files/blogger_pager_script_v20.txt' type='text/javascript'/>

</b:if>

Edit the coloured words to fit your needs,if you have no place to upload the css style sheet,you may hotlinking my css style sheet.

At last,you should have a page navigation bar just below the original "older post" link.Thanks for reading,happy site crafting to keep your customer.

Reference Aritcle:http://www.xavierliu.com/2009/04/blogger-page-menu.html

No comments:

Post a Comment

 

About Me

I'm a professional online money earner.I currently use my ASUS F81Series to online and earn money via Internet.I'm here to guide the one who are willing to learn only.

Video

Webmaster's Desert