Next page dengan angka tombol navigasi di bagian bawah postingan. Tombol
navigasi ini banyak terdapat di blog-blog penyedia template, download music dan di mbah kita google juga ada. Jika sobat tertarik ?.
Cara membuatnya sebagai berikut :
- Login ke blogger
- Masuk ke Rancangan (Design) dan Edit HTML
- Lalu centang Expand Widget Template
- Cari kode ]]></b:skin>, kemudian letakan kode di bawah ini diatas kode
]]></b:skin>
.showpageArea a {text-decoration:underline;}
.showpageNum a {text-decoration:none;border: 1px solid #cccccc;margin:0 3px;padding:3px;}
.showpageNum a:hover {border: 1px solid #cccccc;background-color:#cccccc;}
.showpagePoint {color:#333;text-decoration:none;border: 1px solid #cccccc;background: #cccccc;margin:0 3px;padding:3px;}
.showpageOf {text-decoration:none;padding:3px;margin: 0 3px 0 0;}
.showpage a {text-decoration:none;border: 1px solid #cccccc;padding:3px;}
.showpage a:hover {text-decoration:none;}
.showpageNum a:link,.showpage a:link {text-decoration:none;color:#333333;}
- Selanjutnya cari kode </body> . Setelah itu letakan kode berikut sebelumnya.
<script type='text/javascript'>
var pageCount=5;
var displayPageNum=5;
var upPageWord='Previous';
var downPageWord='Next';
</script>
<script src='http://rumbiadalam.googlecode.com/files/pag3.js' type='text/javascript'/>
- Login ke blogger
- Masuk ke Rancangan (Design) dan Edit HTML
- Lalu centang Expand Widget Template
- Cari kode ]]></b:skin>, kemudian letakan kode di bawah ini diatas kode
]]></b:skin>
.showpageArea a {text-decoration:underline;}
.showpageNum a {text-decoration:none;border: 1px solid #cccccc;margin:0 3px;padding:3px;}
.showpageNum a:hover {border: 1px solid #cccccc;background-color:#cccccc;}
.showpagePoint {color:#333;text-decoration:none;border: 1px solid #cccccc;background: #cccccc;margin:0 3px;padding:3px;}
.showpageOf {text-decoration:none;padding:3px;margin: 0 3px 0 0;}
.showpage a {text-decoration:none;border: 1px solid #cccccc;padding:3px;}
.showpage a:hover {text-decoration:none;}
.showpageNum a:link,.showpage a:link {text-decoration:none;color:#333333;}
- Selanjutnya cari kode </body> . Setelah itu letakan kode berikut sebelumnya.
<script type='text/javascript'>
var pageCount=5;
var displayPageNum=5;
var upPageWord='Previous';
var downPageWord='Next';
</script>
<script src='http://rumbiadalam.googlecode.com/files/pag3.js' type='text/javascript'/>