1. Log in to your blog
2. Select LAYOUT
Scroll to the bottom footer
and
3. Select ADD GADGET
Scroll down and
4. Select HTML/JAVASCRIPT
5. Add these codes to the box
that pops up
<style
type="text/css">
#blog-pager{padding:5px 0
!important;}
.showpageArea {font-weight:
bold;margin:5px;}/*
www.bloggertricksandtoolz.com*/
.showpageArea a
{text-decoration:underline;color: #fff;}/
*
www.bloggertricksandtoolz.com */
.showpageNum a, .showpage a
{color: #fff;text-
decoration:none;border:1px
solid #999;-webkit-border-
radius:3px;-moz-border-radius:3px;margin:0
3px;padding:3px 5px;
background: #9dd53a;
background:
-moz-linear-gradient(top, #9dd53a 0%,
#a1d54f 50%, #80c217 51%,
#7cbc0a 100%);
background:
-webkit-gradient(linear, left top, left bottom,
color-stop(0%,#9dd53a),
color-stop(50%,#a1d54f),
color-stop(51%,#80c217),
color-stop(100%,#7cbc0a));
filter:
progid:DXImageTransform.Microsoft.gradient
( startColorstr='#9dd53a',
endColorstr='#7cbc0a',GradientType=0
); }/*
www.bloggertricksandtoolz.com*/
.showpageNum a:hover,
.showpage a:hover {border: 1px
solid #ccc; background:
#6db3f2; background: -moz-
linear-gradient(top, #6db3f2
0%, #54a3ee 50%,
#3690f0 51%, #1e69de 100%);
background: -webkit-
gradient(linear, left top,
left bottom, color-stop
(0%,#6db3f2),
color-stop(50%,#54a3ee), color-stop
(51%,#3690f0),
color-stop(100%,#1e69de)); filter:
progid:DXImageTransform.Microsoft.gradient
( startColorstr='#6db3f2',
endColorstr='#1e69de',GradientType=0
); } /*
www.bloggertricksandtoolz.com*/
.showpagePoint {color:
#aaaaaa;text-
decoration:none;border:1px
solid #999;-webkit-border-
radius:3px;-moz-border-radius:3px;
margin:0
3px;padding:3px 5px;
background: #e2e2e2;
background:
-moz-linear-gradient(top, #e2e2e2 0%,
#dbdbdb 50%, #d1d1d1 51%,
#fefefe 100%);
background:
-webkit-gradient(linear, left top, left bottom,
color-stop(0%,#e2e2e2),
color-stop(50%,#dbdbdb),
color-stop(51%,#d1d1d1),
color-stop(100%,#fefefe));
filter:
progid:DXImageTransform.Microsoft.gradient
( startColorstr='#e2e2e2',
endColorstr='#fefefe',GradientType=0
); }/*
www.bloggertricksandtoolz.com*/
.showpageOf
{text-decoration:none;padding:3px;margin:
0 3px 0 0;}/*
www.bloggertricksandtoolz.com */
.showpageNum a:link,.showpage
a:link {text-
decoration:none;color:#fff;}/
*www.bloggertricksandtoolz.com*/
</style>
<script
type='text/javascript'>
var home_page="/";
var
urlactivepage=location.href;
var
postperpage=5;
var numshowpage=3;
var upPageWord ='Previous';
var downPageWord ='Next';
</script>
<script
src='http://bloggertrickandtoolz.googlecode.com/
files/www.bloggertricksandtoolz.com-bloggerpagenavi.js'
type='text/javascript'></script>
6. SAVE
You are done! Drop your
comments
0 Comments