Cara Membuat Halaman (Navigation) 123 - Cara Membuat Navigation 123 for Blogger - Pada kesempatan kali ini saya akan share tentang Bagaimana cara Membuat Halaman (Navigation) 123 Bergerak dan tentunya untuk mesin Blogspot. Pada template Anda pasti mempunyai page navigation tapi biasanya bentuk standart seperti bentuk Page Navigation seperti Sepertinya Page Navigation seperti itu kelihatannya kurang praktis oleh para pengunjung, karena para pengunjung tidak bisa menjelajah blog kita dengan cepat. Kode membuat halaman atau sering disebut page navigation ini saya dapat hasil karya besar Bp.Wijaya diAriawijaya.com. Anda bisa mengunjungi Website dan tutorial page navigation ini di situsnya langsung. Baca : Penyebab dan Cara mengatasi Alexa Rank No Data
Seperti pada gambar diatas yang dimaksud itu, seperti hal nya Page Navigation yang ada di Wordpress. Jika Anda tertarik dengan Page Navigation ini, berikut adalah cara memesangnya:
Seperti biasa:- Login ke Blogger Anda > Pilih template dan edit html. Jangan lupa centang Expand Widget Templates.
- Setelah itu cari kode ]]></b:skin> Gunakan CTRL+F untuk memudahkan pencarian.
- Sudah ketemu? Jika sudah letakkan css berikut ini tepat diatas kode ]]></b:skin>
.showpageArea a {text-decoration:underline;}.showpageNum a {text-decoration:none;border: 1px solid #cccccc;margin:0 3px;padding:3px;}.showpageNum a:hover {border: 1px solid #cccccc;background-color:#cccccc;}.showpagePoint {color:#333;text-decoration:none;border: 1px solid #cccccc;background: #cccccc;margin:0 3px;padding:3px;}.showpageOf {text-decoration:none;padding:3px;margin: 0 3px 0 0;}.showpage a {text-decoration:none;border: 1px solid #cccccc;padding:3px;}.showpage a:hover {text-decoration:none;}.showpageNum a:link,.showpage a:link {text-decoration:none;color:#333333;}
- Kemudian cari lagi kode </body> (CTRL+F).
- Jika sudah ketemu kode tersebut, Letakkan script berikut tepat diatas atau sebelum kode </body>
<b:if cond='data:blog.pageType != "item"'><script type='text/javascript'>var pageCount=5;var displayPageNum=5;var upPageWord ='Previous';var downPageWord ='Next';</script><script src='http://blogergadgets.googlecode.com/files/blogger-page-navi.v1.js' type='text/javascript'/></b:if>
- Terakhir cari kode 'data:label.url'
- Ganti kode tersebut dengan kode berikut
'data:label.url + "?&max-results=5"'
- Sekarang simpan template Anda, lihat hasilnya apa ada yang berubah di bawah body?
- Jika anda mengalami hal kesulitan silahkan sampaikan pada kolom komentar, Terimakasih.
Judul : Cara Membuat Halaman (Navigation) 123
Deskripsi : Cara Membuat Halaman (Navigation) 123 - Cara Membuat Navigation 123 for Blogger - Pada kesempatan kali ini saya akan share tentang Bagaiman...