Cara Membuat Tombol Next Page Pada Blog

Published by : File Admin    Themes Tips Tutorial

Malem Sobat Blogger semua, ane akan share tutorial untuk sobat Membuat Next Page pada blog sobat, agar tampilan blog sobat semakin keren dan keren lagi dah.  Kalo sobat pengguna blogger, pasti next page nya hanya berupa tulisan posting lama dan posting baru, jadinya gak keren deh, heheheh. makanya ane share ni tutorial agar sobat bisa lebih mengoptimalkan lagi tampilan blog sobat, biar gak kalah sama web-web yang premium.

Screenshoots Next Page Pada Blog

Cara Membuatnya Ikuti Langkah-Langkah Berikut :
1. Masuk ke akun blogger anda.
2. Pada  tampilan Dashboard klik Design kemudian klik Edit HTML
3. Untuk menjaga hal-hal yang tidak diinginkan saya sarankan backup dulu template blog anda dengan mengklik Download Full Template.
4. Centang kotak kecil yang bertuliskan Expand Template Widged.
5. Silahkan anda cari kode ]]></b:skin>
6. Copy kode yang ada dibawah ini kemudian paste 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;}

7. Kemudian cari kode </body>
8. Copy kode yang ada dibawah ini dan paste kan diatas kode </body>

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

9. SAVE template Sobat, dan lihat hasilnya. SELAMAT MENCOBA.