Assalamualaikum wr.wb kembali lagi bersama dikky permana 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
- 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(http://2.bp.blogspot.com/-vMGk4QknV5A/Tw0--89TczI/AAAAAAAABJA/O21z_-ybUJs/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(http://1.bp.blogspot.com/-9uSn4H6vTk8/Tw0-_8Y1vQI/AAAAAAAABJE/jjhEM6mUFDk/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.
- Anda bisa Ganti 10 dengan jumlah posting yang akan ditampilkan dalam satu halaman.
- Anda bisa Ganti 5 dengan banyaknya tombol navigasi/tombol next.
- Anda bisa Ganti Prev. dengan teks yang akan menunjukkan tombol sebelumnya.
- Anda bisa Ganti Next dengan teks yang akan menunjukkan tombol selanjutnya.
Mungkin hanya sekian saja artikel mengenai CARA MUDAH MEMASANG TOMBOL NEXT PAGE DI BLOG Semoga bermanfaat dan terimakasih atas perhatian anda.
0 komentar:
Post a Comment