Jumat, 08 November 2013

Cara Membuat Widget Daftar Isi Blog Otomatis


Daftar Isi blog yang biasanya ditempatkan pada sidebar blog ini ada juga yang menyebutnya dengan Blog contents. Cara membuat Blog contents ini sedikit berbeda dengan daftar isi blog otomatis pada umumnya. Pada widget daftar isi blog otomatis ini sudah dilengkapi fungsi scroll dan pengunjung blog anda dapat mempercepat pencarian artkel dengan menggunakan opsi pilihan label, title, tanggal posting serta dapat juga menampilkan seluruh isi blog jika kita memilih opsi "All label". Pada script daftar menu blog yang mau saya share ini, mampu menampilkan sampai max 500 halaman pasting. Jika blog anda sudah memiliki lebih dari 500 halaman posting, tinggal diganti saja angka 500 dengan angka 1000 beres !. Dan satu lagi kelebihannya : jika anda mengklik icon panah hitam yang ada didepan judul posting, maka akan menampilkan ringkasan artikel tersebut sepanjang 250 kata. Klik kembali icon panah tersebut untuk menyembunyikan ringkasan.

Berikut Cara Membuat Daftar Isi Otomatis Di Sidebar Blog :

1. Login ke dashboard blogger anda.
2. Pilih Rancangan > Elemen Laman > Add gadget (HTML JavaScript).
3. Copy script dibawah ini dan paste pada gadget.

<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://tateluproject.googlecode.com/files/DaftarMenuOtomatis.js ">
</script>
<script src="http://bloggerblogspot.com/feeds/posts/default?alt=json-in-script &amp;callback=onLoadFeed&amp;max-results=500">
</script></div>

4. Silahkan edit pada lebar (width) dan tinggi (height) pada script ini untuk menyesuaikan dengan lebar sidebar blog anda. Dan ganti juga nama blognya dengan nama blog anda.

5. Save/Simpan


6. Selesai

Cukup mudah bukan cara membuat widget daftar isi blog ini ? Mudah-mudahan postingan ini bisa menjawab keinginan sobat-sobat yang "mungkin" saja salah alamat datang ke blog ini.

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

Note: ganti nama blog warna merah dengan nama blog anda.

Tidak ada komentar:

Posting Komentar