Memasang Tombol Next Pada Blog

1. Masuk ke Dasbor

2. Seperti biasanya Masuk ke Rancangan - Edit HTML

3. Cari Kode </body>

4. Copy dan Paste kode berikut sebelum </body>

<style type="text/css"> .showpageArea{padding:10px;color : #003366;text-align : 

left;width : 100%;} 

.showpage a {float:left;background:url(https://lh3.googleusercontent.com/-ssoShc5LRzw

/TYB4mmwQxOI/AAAAAAAAAeI/VE8IzBS7JzA/way2blogging-button.gif) no-repeat 0 0;text-align : center;width : 127px;height : 42px;text-align : center;display : block;margin : 0 5px;color : #333;padding-top : 6px;} .showpage a:hover {color : #333;margin :

 0 5px;padding-top : 6px;} .showpageOf{float:left;padding-top : 6px;} 

 .showpageNum a {background:url(https://lh4.googleusercontent.com/

-mhmA2xKtrzc/TYB4m5bcS0I/AAAAAAAAAeM/uPZU2s1pe8M/

way2blogging-pagenum.gif) no-repeat 0 0;width : 37px;height : 42px;display : block;text-align : center;float : left;margin : 0 5px;padding-top : 6px;text-decoration : none;color : #333;} .showpageNum a:hover {background : 

url(https://lh4.googleusercontent.com/-mhmA2xKtrzc/TYB4m5bcS0I/

AAAAAAAAAeM/uPZU2s1pe8M/way2blogging-pagenum.gif) no-repeat 0 100%;color : #fff;} .showpagePoint {background : 

url(https://lh4.googleusercontent.com/-mhmA2xKtrzc/TYB4m5bcS0I/

AAAAAAAAAeM/uPZU2s1pe8M/way2blogging-pagenum.gif) no-repeat 0 100%;width : 37px;height : 42px;display : block;float : left;text-align : center;margin : 0 5px;padding-top : 6px;font-weight : bold;color : #fff;} .showpageNum a:link, .showpage a:link

 {text-decoration : none;color : #cc0000;} </style> <script style='text/javascript'>

 var pageCount=5; var displayPageNum=1; 

 var upPageWord="Previous"; var downPageWord="Next"; </script> <script type= 

'text/javascript' src="http://bloggerblogwidgets.googlecode.com/files/

BeautifulPageNavi.js"/>

5. Selesai dan Simpan !!

Posted in: Blogspot,Memasang Tombol Next Pada Blog