Membuat tombol navigasi Next previous

Anak Indonesia, Halo teman - teman di postingan kali ini saya akan membahas cara membuat tombol navigasi next previous di blog. banyak orang yang tidak menggunakan widget ini di blog mereka pedahal widget ini sangat berguna ubtuk para visitor yang ingin melihat postingan lama anda. Tombol navigasi yang akan kita buat adalah seperti gambar di bawah.

Langsung saja kita ke cara pembuatannya.

1. Log in ke blogger
2. Buka dashbor blog kalian
3. Pilih tata letak
4. klik tambah widget dan pilih HTML/Javascript
5. Setelah terbuka masukkan script di bawah 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/AVvXsEiZgdS3B2LxMUBexQSaP43sgr84YBGESAxFOHD9YezBwnqhoPRwZE_LgFtX5XdIBwj_zv7CSk594mYVnx9gvkbXPxDi0vVseaZ5cRuLIu9TOltJS9t-wVhwIWM2D0Z1jX-IDX0cbJehL8c/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/AVvXsEgWSR5GpDcP3rw7w1SuwX9o5jGnolyr_1XTsypq2-5OzB-PEcb85qYi3uMpfWCHYF-hfr2fXj3UaIkA8HAJBwKYhw9SRzI7sDXN9IFl8q48RGV6pzazAiA2Prj5An6_IcJ1WcR6TNuLOy8/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=3;var numshowpage=5;var upPageWord="Sebelumnya.";var downPageWord="Selanjutnya";var urlactivepage=location.href;var home_page="/"</script><script src='http://code.helperblogger.com/hb-page-navi.js' type='text/javascript'></script>

   6. Save, atur letaknya dan simpan setelan

   7. lihat blog kamu apakah berubah atau tidak

 

Catatan :

untuk kata berwarna biru bisa kamu ganti dengan kata lain misalkan previous next . bebas

Sekian postingan dari saya tentang membuat tombol navigasi, semoga artikel di atas bermanfaat untuk yang membacanya. Kalau ada yang kurang jelas atau ada yang ingin di tanyakan silahkan coret - coret dengan komentar di bawah tapi ingat jangan SARA dan Negatif. Terima Kasih