Cara Membuat Daftar Menu Blog Otomatis

Hallo sobat blogger semua. Kali ini saya hadir kembali dengan maksud untuk membagikan tips dan trik blogger tentang Cara Membuat Daftar Menu Blog Otomatis. Widget ini agak berbeda dengan widget Daftar isi blog yang biasanya sobat lihat di blog-blog pada umumnya. Apa yang membadakannya? Yups, widget ini dilengkapi dengan menu navigasi yang mudah, karena pengunjung blog cukup memilih kategori untuk menemukan artikel yang mereka cari di blog kita. Widget ini juga terlihat simple dan elegan yang dipersenjatai dengan menu scrool sehingga tidak memakan tempat di sidebar blog kita.

Tertarik? Nah, baiklah langsung saja ikuti langkah-langkah berikut ini untuk Membuat Daftar Menu Blog Otomatis:

• Seperti biasa, login dulu ke akun blog sobat.
• Langsung menuju ke menu Layout (Tata Letak)
• Pilih Add Gadget.
• Pilih HTML/JavaScript.
• Copykan kode yang ada dibawah ini pada kotak yang tersedia:

<div style="background:#FFFFFF; no-repeat scroll 0 0; border:2px solid #FFFFFF; height:310px; overflow:auto; padding:10px; width:260px;">
<div id="cl_option">
Loading... </div>
<div id="cl_content_list">
</div>
<script type="text/javascript">
var jumlah_kata_dalam_ringkasan = 250;
</script>
<script src="http://raihanun.googlecode.com/files/DaftarMenuOtomatis.js">
</script>
<script src="http://arif-sape-chelsea.blogspot.com/feeds/posts/default?alt=json-in-script&amp;callback=onLoadFeed&amp;max-results=500">
</script></div>

Silahkan tentukan sendiri panjang dan lebar widgetnya dengan cara merubah kode-kode yang berwarna biru. Kemudian ganti juga nama blog yang berwarna merah sesuai nama blog sobat.

• Terakhir, simpan.

Nah gimana sobat blogger semuanya? Pasti gampangkan? Sekarang blog sobat telah dihiasi oleh Widget Daftar Menu Blog Otomatis. Dan tentu saja blog sobat lebih terlihat simple dan elegan sekarang. Hehe. Demikian tips dan trik blogger tentang Cara Membuat Daftar Menu Blog Otomatis dari saya, semoga bermanfaat bagi sobat sekalian.

Referensi: http://rayhanzhampiet.blogspot.com/2011/09/cara-membuat-widget-daftar-menu-blog.html

Oh ya, mungkin sobat juga tertarik membaca ini:

1. Cara Memposting Kode HTML di Blog
2. Cara Membuat Menu Tab View di Blog
3. Cara Membuat Related Post dengan Thumbnails pada Blog
4. Cara Memasang Emoticon pada Kotak Komentar
5. Cara Membuat Reply Comment pada Blog
6. Meta Tag Dinamis Terbaik
7. Cara Membuat Highlight pada Postingan
8. Cara Mempercepat Loading Halaman
9. Cara Mengubah Blog Nofollow menjadi Dofollow
10. Kelebihan dan Kekurangan Blog Dofollow
11. Cara Mengetahui Harga Suatu Blog
12. Cara Daftar Google Adsense via Docstoc