Skip to content Skip to sidebar Skip to footer

Cara Mudah Buat Tombol Next Page Pada Blog

Cara Membuat Tombol Next Page prev Pada Blog - Tombol Next page ini sama dengan tombol Home, Next page dan Previous yang berguna untuk memudahkan pengunjung untuk menelusuri lebih jauh isi Blog Anda. Seperti yang banyak kita lihat banyak sekali type - type atau bentuk Tombol Next Page, Namun di sini Saya akan memberikan cara memasang Tombol Next Page yang berbentuk angka agar lebih memudahkan pengunjung menelusuri blog Anda.

Cara Mudah Buat Tombol Next Page Pada Blog

Tombol Next page sangatlah penting selain untuk memudahkan pengunjung ini juga berguna agar bisa menelusuri dari satu halaman ke halaman lainnya, Berikut Cara Membuat Tombol next pada Blog.

Cara Buat Tombol Next Pada Blog

Langkah Pertama yang harus Anda lakukan adalah buka dashboard blog dan pilih Tema lalu klik Html, Kemudian klik Tombom Crlf + F untuk membuka kotak pencarian blog, jika kotak pencarian sudah muncul maka cari kode ]]></b:skin>, Jika sudah Anda temukan lalu Copy Kode di bawah ini dan pastekan di atas ]]></b:skin>.

#blog-pager{clear:both;margin:30px auto;text-align:center; padding: 7px;}
.blog-pager {background: none;}
.displaypageNum a,.showpage a,.pagecurrent{padding: 3px 7px;margin-right:5px;background:#E9E9E9;color: #888;border:1px solid #E9E9E9;}
.displaypageNum a:hover,.showpage a:hover,.pagecurrent{background:#CECECE;text-decoration:none;color: #000;}
.showpageOf{display:none!important}
#blog-pager .showpage, #blog-pager .pagecurrent{font-weight:bold;color: #888;}
#blog-pager .pages{border:none;}

Jika sudah di pastekan kemudian langkah selanjutnya adalah cari kode </body> dan tambahkan kode di bawah ini, pastekan di atas </body>.

<b:if cond='data:blog.pageType != &quot;item&quot;'>
<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
<script type='text/javascript'>
  /*<![CDATA[*/
    var perPage=7;
    var numPages=6;
    var firstText ='First';
    var lastText ='Last';
    var prevText ='« ';
    var nextText =' »';
    var urlactivepage=location.href;
    var home_page="/";
  /*]]>*/
</script>
  <script src="http://helplogger.googlecode.com/svn/trunk/page-navigation2.js"/>
</b:if>
</b:if>

Jika sudah maka klik simpan, Sampai di sini Anda sudah berhasil membuat tombol next page, silahkan anda cek apakah tombol Next Page sudah berhasil atau tidak.