Headlines News :
Home » » Cara Membuat Widget Daftar Menu Blog Otomatis

Cara Membuat Widget Daftar Menu Blog Otomatis

Written By Johannes Nababan on Friday, June 1, 2012 | 1:31 PM

Kembali memposting tentang widget. Kali ini saya akan memposting Cara Membuat Widget Daftar Menu Blog Otomatis. Widget ini berfungsi untuk dapat melihat daftar posting dengan mudah, karena tersedia pilihan Sort by : mencari dari Judul yang ada, dan pilihan Sort by label : mencari artikel dengan label postingan yang ingin dicari. Pada widget ini juga sudah dilengkapi dengan scroll. Widget ini dapat menampilkan pisting max 500. Jika blog anda sudah memiliki lebih dari 500 halaman, anda bisa mengubahnya angkanya saja. Oh iya, jangan lupa kalio dalam widget ini ada simbol segitiga disamping Judul artikel, liat gambar disamping. Itu berfungsi jika anda mengklik icon tersebut, maka akan muncullah kalimat ringkasan yang ada didalam Artikel berikut.

Berikut adalah tutorialnya :

  • Masuk ke Blogger
  • Pilih Tata letak
  • Kemudian Add Gadget ( HTML/Javascript )
  • Copy kode berikut :
<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://rayhanzhampiet.blogspot.com/feeds/posts/default?alt=json-in-script&amp;callback=onLoadFeed&amp;max-results=500">
</script></div>
Customize :
  1. Warna merah   : ubah dengan ukuran yang anda suka
  2. Warna hijau     : ubah dengan jumlah kata dalam ringkasan
  3. Warna biru      : ubah dengan URL blog anda
  4. Warna kuning  : ubah dengan jumlah Postingan yang akan muncul dalam widget
  • Save/Simpan Perubahan
Happy Blogging
Share this article :

10 komentar:

  1. wew.. info yg bagus sobat.. kapan2 boleh saya coba juga ni..

    ReplyDelete
  2. ndak kelamaan,,ane langsung pasang dah..
    coba liat..gagah mas
    hehehehe
    makasi atas ilmunya mas
    oy, gimana ya caranya tukeran link dengan blog mas??

    ReplyDelete
  3. oy ada lagi..kok ndak urut ya mas??
    gimana caranya biar labelnya urut??

    ReplyDelete
  4. makasih gan atas infonya......

    ReplyDelete
  5. enak banget tuh sob,
    izin kopas tuh sob ?

    ReplyDelete

Setelah membaca Artikel yang saya berikan diatas, anda dapat memberikan komentar terhadap Artikel diatas tanpa adanya :
-Spam
-Rasis
-Dan perkataan lainnya yang dapat membuat orang lain merasa tersinggung.

Terima Kasih

banner ads banner ads

 
Support : Blog | Joe | Johny Template
Copyright © 2011. Blog | Joe - All Rights Reserved
Template Created by Johny Template Published by Blog | Joe
Proudly powered by Blogger