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.