Cara Membuat Daftar Menu Blog Selektif Otomatis

Tutorial | Cara Membuat Widget Daftar Menu Blog Selektif Otomatis, Daftar menu blog yang biasanya ditempatkan pada sidebar blog ini  ada juga yang menyebutnya dengan table of content. Cara membuat table of content ini sedikit berbeda dengan daftar isi blog otomatis yang pernah saya posting sebelumnya. Pada widget daftar menu otomatis ini sudah dilengkapi fungsi scroll dan pengunjung blog Sobat dapat mempercepat pencarian artikel 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 posting. Jika blog Sobat sudah memiliki lebih dari 500 halaman posting, tinggal diganti saja angka 500 dengan angka 1000 beres !. Dan satu lagi kelebihannya : jika sobat mengklik icon panah hitam yang ada didepan judul posting, maka akan memunculkan ringkasan artikel tersebut sepanjang 250 kata. Klik kembali icon panah tersebut untuk menyembunyikan ringkasan.

Cara Membuat Daftar Menu/Isi Di Sidebar Blog :

1.       Login ke dashboard blogger sobat.
2.       Pilih Rancangan > Tata Letak > Add gadget (HTML/JavaScript).
3.       Copy script dibawah ini dan paste pada gadget.

Manfaat

"Kode script Cara Membuat Daftar Menu Blog Selektif Otomatis" <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://trickstipsblog.blogspot.com/feeds/posts/default?alt=json-in-script&callback=onLoadFeed&max-results=500"> </script></div> Get this <a href="http://kamu-klik.blogspot.com/2011/12/widget-daftar-menu-blog-otomatis.html" target="_blank"><blink>widget</blink></a> * klik link, copy (ctrl + c) dan paste (ctrl + v)*

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

5.       Save / Simpan.

Sekian Tutorial kali ini, Cukup mudah bukan cara membuat widget daftar menu blog ini ? yap, semoga bermanfaat :) Good luck sobat :D

Share this

Share on FacebookPlus on Google+