Cara Membuat Next Page

Di artikel kali ini saya akan berbagi dengan teman-teman tentang cara membuat Next Page pada Blogspot, Fungsi dari Next Page adalah untuk memudahkan pengunjung melihat halaman demi halaman yang berada berdasarkan posting yang telah dibuat. Disamping itu juga Next Page untuk menghemat tampilan Web ataupun Blog yang terlalu panjang dan web/blog tidak terlalu berat (Lambat Loading).
 
Cara Membuat Next Page

Cara membuatnya kita bisa lihat dibawah ini...

1. Masuk ke blog anda
2. Pilih pengaturan Template...

Cara Membuat Next Page
3. Klik design EDIT HTML dan Centang Expand Template Widget

Cara Membuat Next Page

Cara Membuat Next Page


4. Kemudian cari code ]]></b:skin> 
5. Setelah ketemu Copy code dibawah ini, tepat  diatas code ]]></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;}


6. Selanjutnya cari code </body>
7. Copy code dibawah ini, tepat di atas code </body>

<script type='text/javascript'>
var pageCount=5;
var displayPageNum=5;
var upPageWord=&#39;Previous&#39;;
var downPageWord=&#39;Next&#39;;
</script>
<script src='http://marbun.googlecode.com/files/scriptsnext.js' type='text/javascript'/>

8. Terakhir Save template dan lihat hasilnya.

Postingan terkait: