Add number index to blog

So many friends asked me about how can i add number index at the bottom of blog.Really at that time i was helpless.But now,you can add index number by using a language called css.
The following code will make you link to any page,with stylish buttons and images.

Copy this code and paste in your Blog Post.


<style id="page-skin-1" type="text/css">
.navigation {
padding:5px 0;
text-align:center;
font-family:Tahoma, Arial;
font-size:9px;
color:#010301;
}
.navigation a {
position:relative;
top:3px;
font-family:"Trebuchet MS", Arial, Tahoma;
font-size:14px;
font-weight:bold;
text-decoration:none;
padding:0 .35em 0 .35em;
color:#ED0E0E;
background:#F3F3FA;
border:1px solid #000000}
.navigation a:visited {
position:relative;
top:3px;
font-family:"Trebuchet MS", Arial, Tahoma;
font-size:14px;
font-weight:bold;
text-decoration:none;
padding:0 .35em 0 .35em;
color:#0EED16;
background:#0BB20B;
border:1px solid #730000}
.navigation .null{
position:relative;
top:3px;
font-family:"Trebuchet MS", Arial, Tahoma;
font-size:14px;
font-weight:bold;
text-decoration:none;
padding:0 .35em 0 .35em;
color:#dedede;
background:#77E5A3;
border:1px solid #000000}
.navigation a:hover, .navigation a:active {
color:#730000;
background:#E6E6E5;
border:1px solid #000000;
}
.navigation {
width:600px;
}

-->
</style>
<div align="center" class="navigation">

<span style="color: #00a600;"><b>Go To Page</b></span> <a href="http://gorkut.blogspot.com/2009/08/malllu-onam-scrap.html" rel="nofollow">1</a> <a href="http://gorkut.blogspot.com/2009/08/mallu-onam-2.html" rel="nofollow">2</a> <a href="http://gorkut.blogspot.com/2009/08/mallu-onam-3.html" rel="nofollow">3</a> <a href="http://gorkut.blogspot.com/2009/08/mallu-onam-4.html" rel="nofollow">4</a> </div>

As this is my post,There may be some errors.Please use the comment form for your all complaints and suggestions.