Cara Mudah Memasang Tombol Next Page di Blog Dengan Widget

Saturday, May 16, 2015    




cara membuat tombol navigasi untuk blogAssalamualaikum wr.wb kembali lagi bersama Irwan Jeblog's kali ini saya akan membuat sebuah artikel mengenai cara memasang tombol next page atau sering di sebut juga dengan cara membuat tombol navigasi untuk blog mungkin anda sudah tau apa kegunaan dan manfaat dari memasang tombol navigasi untuk blog
Oke, langsung saja saya akan sedikit menjelaskan manfaat dari tombol navigasi itu sendiri tombol navigasi yang ada di blog fungsinya berguna untuk memindahkan suatu halaman ke halaman sebelum nya atau selanjutnya yang akan menampilkan posting-poting yang lain nya dan ditampilkan hanya dalam satu halaman. Tombol navigasi ini akan sangat memudahkan pengunjung blog anda untuk melihat keseluruhan isi dari artikel  blog anda.
Bagaimana sudah jelas bukan apa manfaat dari tombol next page pada blog jika anda ingin mencoba untuk memasang nya sangat mudah sekali silahkan anda ikuti langkah-langkah nya di bawah

cara memasang tombol next page

  • Pertama Buka tata letak blog.
  • Tambah gadget dan pilih HTML/Javascript
  • Kemudian copas code di bawah di  HTML/Javascript
  • Jika sudah silahkan simpan dan lihat hasil nya.

<style>#blog-pager{clear:both;margin:20px 0 20px;font-size: 12px;padding:10px 0;}#blog-pager-newer-link{float: left;}#blog-pager-older-link{float: right;}.Profile img{border:3px solid;float:left;margin:5px 10px 5px 0;padding:2;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;}.profile-data{color:#999999;font:bold 20px/1.6em Arial,Helvetica,Tahoma,sans-serif;font-variant:small-caps;margin:0;text-transform:capitalize;}.profile-datablock{margin:0.5em 0;}.profile-textblock{line-height:1.6em;margin:0.5em 0;}a.profile-link{clear:both;display:block;font:80% monospace;padding:10px 0;text-align:center;text-transform:capitalize;}h2.date-header, .PageList h2{display:none;}#blog-pager-older-link a,#blog-pager-newer-link a,a.home-link,.showpageNum a,.showpage a{background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhMGcImKNlcFbYPfBkohMmAz5Wrx3NK5qJTyRtcvbSxDB17f4RF7o0Qxj8yOWuRQ0OZvXBuCLbizNZ6KaxNgA3XcA8tqCCyJF8EGabiphjbRLyg3vJcf2p94b4I-xT1R0BTC4wLn_C7bYM/s1600/nav.jpg) repeat-x;border:1px solid #ae4402;color:#fff;margin:2px;padding:6px 10px 5px;text-decoration:none;text-shadow: 1px 0 1px #000;}#blog-pager-older-link a:hover,#blog-pager-newer-link a:hover,a.home-link:hover,.showpageOf,.showpagePoint,.showpageNum a:hover,.showpage a:hover{background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgaJk33SNGqf5mLqSqraD1xgoZwIhgUfAsJhj8zQgCMEioD2mAZvMUmMCse84mZ_CtLWbOVdWJOyFq-3AC9U1I1yIYgx-duhvlUvY2ZpmreSPQ1QWVr25gHj2XPGxsbuTeBFmQgzy-sMpc/s1600/nava.jpg) repeat-x;border:1px solid #000000;color:#fff;margin:2px;padding:6px 10px 5px;text-shadow: 1px 0 1px #000;}</style><script type='text/javascript'>var postperpage=10;var numshowpage=5;var upPageWord="Prev.";var downPageWord="Next";var urlactivepage=location.href;var home_page="/"</script><script src='http://code.helperblogger.com/hb-page-navi.js' type='text/javascript'></script>


ket.
  1. Anda bisa Ganti 10 dengan jumlah posting yang akan ditampilkan dalam satu halaman.
  2. Anda bisa Ganti 5 dengan banyaknya tombol navigasi/tombol next.
  3. Anda  bisa Ganti Prev. dengan teks yang akan menunjukkan tombol sebelumnya. 
  4. Anda bisa Ganti Next dengan teks yang akan menunjukkan tombol selanjutnya.
Untuk menampilakannya di setiap label post anda. Silahkan cari kode 'data:label.url' dan ganti dengan kode di bawah ini. 'data:label.url + &quot;?&amp;max-results=5&quot;'


Mungkin hanya sekian saja artikel mengenai  CARA MUDAH MEMASANG TOMBOL NEXT PAGE DI BLOG Semoga bermanfaat dan terimakasih atas perhatian anda.

G+