Cara Membuat Tombol Navigasi Blogger Mudah Dan Keren

Cara Membuat Tombol Navigasi Blogger Mudah Dan Keren

18.53

Navigasi Blogger
  • Buka Blogger.
  • Buka Tata Letak blog kamu.
  • Tambah gadget dan pilih HTML/Javascript.
HTML/Java script
  • 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/AVvXsEgCu8e02Px4EPXghyphenhyphenr-vafGB04Fg6zf3ZwG9X2yD-n-hRjBKYM2iCTBE0EHZQHhSWaAzkNwK8_kMGmWuOq097rl9-CpklsbPkXzyaLYy-dnFa45bNnC1XdAtamvYEfKNHFSdeegtrKrXwU/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/AVvXsEi3FK0zoF_ej1DYGa6uoXttWcCHUMIBi4cQWBbpsfc0FSlxbN26wPwW3qA4YEniNkNcNnilQbdOiI5BZSmbmW1y6vWYlbGf8zqtwj3CeE9fcYscWjGdP6v1yj49Zn6uykLpOrpW-_tZJpE/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 :

  1. Ganti 10 dengan jumlah posting yang akan ditampilkan dalam satu halaman.
  2. Ganti 5 dengan banyaknya tombol navigasi.
  3. Ganti Prev. dengan teks yang akan menunjukkan tombol sebelumnya. 
  4. Ganti Next dengan teks yang akan menunjukkan tombol selanjutnya.

  • Selanjutnya klik Simpan/save.
  • Seret gadget yang telah dibuat tadi kebawah gadget posting.
gadget posting
  • Setelah itu klik simpan setelan.
Atau untuk cara yang lebih mudah silahkan gunakan Page Navigation Widget dari Helper Blogger.

Posts By Admin

Terimakasih atas kunjungan Anda ke blog emoneyhunters.com Bagi pembaca yang ingin menghubungi kami untuk penawaran kerja sama, menemukan postingan yang Rusak atau Kadaluarsa dan hal lainnya, bisa mengirimkan pesan melalui email: carmuntubruk@gmail.com Terimakasih

Next
« Prev Post
Previous
Next Post »

1. Silahkan Komen Yang Sopan Ya Gan..
2. Silahkan Promo tetapi tidak dengan menyertakakn Link Hidup, jika di temukan link HIDUP Biasa aja kalo ke Apus ya :)
3. Komentar yang berbau sara / pornografi akan dilenyapkan.
4. Mohon Maaf untuk ketidak nyamanan Sobat sekalian, untuk Applikasi banyak yang MT. Karena waktu yang terbatas untuk merepair semua Data.
5.Terima Kasih sudah mengunjungi Blog sederhana Ini, Salam Sejahtera selalu. ConversionConversion EmoticonEmoticon

Thanks for your comment
Langganan: Posting Komentar (Atom)