Cara Gampang Buat Tombol Next Page Pada Blog

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


Tombol Next page sangatlah penting selain untuk memudahkan pengunjung ini juga berkhasiat biar dapat 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 yaitu buka dashboard blog dan pilih Tema kemudian klik Html, Kemudian klik Tombom Crlf + F untuk membuka kotak pencarian blog, kalau kotak pencarian sudah muncul maka cari instruksi ]]></b:skin>, Jika sudah Anda temukan kemudian 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 yaitu cari instruksi </body> dan tambahkan instruksi 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 menciptakan tombol next page, silahkan anda cek apakah tombol Next Page sudah berhasil atau tidak.FAST DOWNLOADads| Server1 | Server2 | Server3 |