Membuat Page Number Blog

         Tombol navigasi ini akan sangat memudahkan pengunjung blog anda untuk melihat keseluruhan isi dari artikel  blog anda.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. 

  • 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/AVvXsEiCwyCmbcmc8i0b7Cf92D_F76nrm_sdH2qlRtV5ZK5nARb9Fwdn-lBP9ZQJwi3-1WYB2RHHCChTiuKXAr4XJGnUPKc_Wl_spTZu0-eULDF0GxvEvOreXFPyekthix7DLX3sczUtVORWCw8/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/AVvXsEjU7_b5JxPhyV8z9ncGl1POX6Eyuf6Wd_cRvAC7zn4lBYP7ExNhAPvrcS10pNtCDVUIU3aHpgaFonZJMl_bRHmaoUvKHcGtgsxxfwmHSZ7_d7s8CemlNWPbYNwTSF4syJF8eY71kUynVdo/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.

Mungkin hanya sekian saja artikel mengenai  Membuat Page Number BLog Semoga bermanfaat dan terimakasih atas perhatian anda.

Tidak ada komentar:

Comments

Selamat datang di blog Yuyun purnomo go study, Terima kasih telah berkunjung di blog kami.. Semoga anda senang!!