Jumat, 25 Mei 2012

Cara Membuat Next Page di Blog

Pada artikel kali ini blogatap akan berbagi informasi tentang Cara Membuat Next Page di Blog. Kegunaan Next Page salah satunya adalah untuk memudahkan pengunjung blog melihat layar selanjutnya dan menghemat tampilan blog agar loading blog tidak berat.

Bagaimana cara membuatnya? langsung saja simak langkah-langkahnya sebagai berikut:
Masuk blogger ---> template ---> edit html ---> centang expand template widget cari kode ]]></b:skin>, untuk mempercepat pencarian tekan Ctrl + F masukkan kode ]]></b:skin> kemudian letakkan script di bawah ini tepat di atas 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> kemudian letakkan script di bawah ini tepat di atas kode </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://blogatap.googlecode.com/files/blogger-page-nav-v2.txt' type='text/javascript'/>
Kemudian Save Template dan lihat perubahannya. Berikut contoh tampilan dari Next Page:
Semoga postingan ini bermanfaat bagi sobat blogger semua :)

Tidak ada komentar:

Posting Komentar