Tips Mudah Membuat Tombol Navigasi di Blog - Baiklah kawan, tombol navigasi sendiri berfungsi untuk memindahkan halaman blog ke halaman sebelumnya atau selanjutnya yang akan menampilkan posting-poting lain yang tidak mungkin akan muat jika ditampilkan hanya dalam satu halaman. Tombol navigasi ini akan memudahkan para pengunjung untuk melihat-lihat isi blog.
Baiklah.. Langsung saja, berikut ini caranya..
Cekidot..
- Buka blogger.
- Buka tata letak blog kamu.
- Tambah gadget dan pilih HTML/Javascript.
- Copy paste kode dibawah ini :
<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/AVvXsEiYJOL3_NXuEgpkVNH5MtB8e8j_sE9w6TzNRxCB87XmcejmTU8I3uRJ5-6z3okh_vkomt-dQ9yX2qC2QxXW64RJ_kgLNEVod3PfR4gKdr8ZoNR2LF_Emwh5pPz-Yr2P2_5TDaNHrCNV1h4/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/AVvXsEjyouCc3U0DAi9ube78ZA559UtQHGI8W3Km23ZBvrP-84CEtI_zPyY1swo58iA05z6UqkGJWE8EZ3jElpslXaKOC60689tUoMF4_G1o5BSazYPVeXa5TtXaBbo-ceD4mLtUvdt9GoYHCKA/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>
Keterangan :
- Ganti 10 dengan jumlah posting yang akan ditampilkan dalam satu halaman.
- Ganti 5 dengan banyaknya tombol navigasi.
- Ganti Prev. dengan teks yang akan menunjukkan tombol sebelumnya.
- Ganti Next dengan teks yang akan menunjukkan tombol selanjutnya.
- Selanjutnya klik Simpan/save.
- Seret gadget yang telah dibuat tadi kebawah gadget posting.
- Setelah itu klik simpan setelan.
Mudah kan, ya ini sudah saya terpakan di blog saya ini dan juga blog saya yang lainnya, silahkan jika anda tertarik untuk menerapkanyya di blog anda
