CSS

Sabtu, 06 Oktober 2012

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

.