Senin, 04 Juli 2011

Cara Membuat Daftar Isi Mengikuti Scroll + Meningkatkan Pageview

Assalamu'alaikum Wr.Wb
selamat pagi sobat blogger semua, widget atau gadget dalam dunia blog sudah pasti sangat penting. blog atau website tanpa tambahan gadget/widget sangatlah hambar dan kurang lengkap, visitorpun selain ingin mencari artikel yang kita tulis juga pasti minta dimanjakan dengan penampilan blog kita, nah penampilan disini bisa dari tataletak atau penempatan widget, bisa juga dengan permainan warna dari blog/website sobat (wah mulai ngelantur kemana-mana nih).

untuk kali ini blogger katro mau ngasih tau nih, cara bikin daftar isi otomatis yang mengikuti scroll (seperti postingan blogger katro kemaren) plus cara meningkatkan pageview blog sobat, kenapa? karena jika "All Label" itu di klik maka blog reload secara otomatis,hehe.... (coba kalian lihat di kiri Blogger Katro ini)

Kopi dan Paste kode dibawah ini di add gadget html blog sobat :

<a href='' style='display:scroll;position:fixed;bottom:0px;left:0px;' title=''><div style="overflow:auto; padding:5px; width:160px; height:600px; background-color: rgb(fff, fff, fff); border:1px solid #ccc;"><div align="left"><span id="pbl_labels"></span>

<div id="pbl_posts"> Recent Posts </div>


<script type="text/javascript">

var jumlah_maksimum_post = 500;

var dengan_ringkasan = false;

var jumlah_karakter_ringkasan = 500;

</script>


<script src="http://copycat91.googlecode.com/svn/trunk/recentpostsbylabel.js">

</script>


<script src="http://kep-katro.blogspot.com/feeds/posts/default?alt=json-in-script&callback=onLoadFeed">

</script></div></div></a>

catatan : ganti kode berwarna merah sesuai dengan kemauan sobat
1. left bisa di ganti dengan right apabila sobat mau daftar isi ini tampil di kanan layar
2. width:160px; height:600px bisa di ganti sesuai dengan ukuran ruang kosong di layar kanan atau kiri sobat
3. (fff, fff, fff) ini adalah kode warna, bisa kalian edit dengan kode warna apa saja kalau bingung dengan kode warna klik disini untuk melihat kode
4. left yang baerwarna hijau adalah posisi tulisan daftar isinya, mau ditengah ganti dengan center
5. link blog saya ganti dengan link blog kalian

ok mungkin cukup sekian tutor kali ini, kalian bisa juga membuat widget ini tampil di kiri dan kanan, dengan menduplikat kode di atas dan mengubah left menjadi right atau right menjadi left, dan mengubah kode asli dibawah dengan kode lainnya (iklan, gambar atau apapun).

<a href='URL(LINK)' style='display:scroll;position:fixed;Bottom:0px;right:0px;' title='Keterangan Gambar Tersebut'><img src='URL Picture'/></a>


Kode ini adalah kode dasar, inilah yang menjadi acuan blogger katro untuk memodif kode diatas menjadi kode daftar isi yang sudah dibuat, semoga bisa dipahami, dan semoga bermanfaat, kalau masih bingung langsung komentar sobat, kalau bisa aku jawab :)

Tidak ada komentar:

Posting Komentar