Minggu, Agustus 04, 2013

Cara Membuat Widget Daftar Menu Blog Otomatis

Widget Daftar Menu Blog
Ada banyak cara agar pengunjung betah berlama-lama di blog kita. Selain tata letak dan tampilan template yang rapi dan menarik, fungsi widget juga perlu di optimalkan. Salah satunya adalah  membuat Widget Daftar Menu Blog Otomatis. 

Table of content atau daftar menu blog ini berfungsi hampir sama dengan daftar isi. Namun, pada script daftar menu blog tersebut, mampu menampilkan sampai max 500 halaman posting.

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 memunculkan ringkasan artikel tersebut sepanjang 250 kata. Klik kembali icon panah tersebut untuk menyembunyikan ringkasan.


Tidak hanya itu, Widget Daftar Menu Blog Otomatis tersebut, juga sudah dilengkapi fungsi scrolling. Sehinggapengunjung blog anda 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”.


Keren bukan? ;)

Karena saya mendapatkannya secara gratis maka sudah menjadi kewajiban juga untuk berbagi gratis. Langsung aja kita mulai tahapannya;


Cara Membuat Daftar Menu/Isi Di Sidebar Blog:

  • Login ke dashboard blogger anda.
  • Pilih Rancangan > Elemen Laman > Add gadget (HTML/JavaScript).
  • 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://raihanun.googlecode.com/files/DaftarMenuOtomatis.js">
</script>
<script src="http://expotemplate.blogspot.com/feeds/posts/default?alt=json-in-script&amp;callback=onLoadFeed&amp;max-results=500">
</script></div>


  • Silahkan edit pada lebar (width:260px) dan tinggi (height:310px) pada script ini untuk menyesuaikan dengan lebar sidebar blog anda. Dan ganti juga nama blognya (http://expotemplate.blogspot.com) dengan nama blog anda.
  • Save / Simpan.



Tidak ada komentar:

Posting Komentar

Memahami Perusahaan Pembuatan Website (Web Design)

Internet menjangkau audiens target yang luas dan digunakan untuk mempublikasikan informasi pribadi dan profesional dengan memasukkan penga...