Selasa, 12 Mei 2009

Cara Mebuat daftar isi (contents) widget

Daftar isi pada blog akan memudahkan pengunjung mencari artikel yang dicari, dengan daftar isi di blog ini akan membuat para pengunjung lebih betah baca-baca di blog kita, karena sudah kita suguhi dengan semua content yang ada di blog kita.
Manfaat lain adanya dafar isi di blog adalah akan membuat mesin pencari menyukai blog kita, yang implikasinya akan mengindeks semua halaman yang kita tampilkan di halaman utama pada daftar isi tersebut
Oke tidak usah berpanjang lebar lagi, bagi sobat blogger yang tertarik untuk memasang daftar isi di dalam blognya, berikut langkah-langkahnya:
1. Login dulu ke blog sobat
2. Kalo sudah login, selanjutnya kalo gak mau susah payah, ada cara gampang , silahkan Klik Tombol di bawah untuk langsung menambah widget ke blog sobat:







Kemudian Atur Posisi Widgetnya dan Tempatkan sesuai keinginan Kalau saya Pasang di bagian Sidebar/kanan.. bisa juga di pasang di bagian footer kalau mau :D Cek Kodenya dan lakukan Pengaturan seperti dijelaskan di bawah.
3. Jika ingin Cara manual juga Ada Kok, Masuk ke Blogger,goto Design/Rancangan Seperti Biasa Tambahkan Elemet dengan klik [Add Page Element atau Add Widget] selanjutnya Pilih [Java Script/HTML] kemudian Copy paste kode di bawah ini:
<div style="border: 2px solid rgb(51, 255, 51); overflow: auto; height: "350px;" margin="5px" ;>
<script style="text/javascript" src="http://adesanusi.googlepages.com/daftar-isi.txt"></script>
<script style="text/javascript">
var numposts = 1000;
var showpostdate = false;
var showpostsummary = false;
var numchars = 100;
var standardstyling = true;
</script>
<script src="http://blog-triks.blogspot.com/feeds/posts/default?orderby=published&alt=json-in-script&max-results=999&callback=showrecentposts"></script>
</div>
Widget By: [<a href="http://blog-triks.blogspot.com">blog-triks</a>]

Keterangan:
Untuk kode berwarna merah silakan diganti nilainya sesuai selera sobat
Ganti blog-triks.blogspot.com dengan url blog masing-masing :)
var numposts : Jumlah Daftar posting yang ditampilkan
var showpostdate: menampilkan tanggal (false berarti tidak ditampilkan)
var showpostsummary: menampilkan ringkasan posting
var numchar : jumlah karekter post summary
rgb(51, 255, 51)  warna border daftar isi

Tidak ada komentar:

Posting Komentar