Monday, January 31, 2011

Membuat widgets daftar isi otomatis versi 2

Membuat daftar isi blog merupakan hal yang bisa kita lakukan untuk menampilan isi posting dalam blog secara lengkap dan juga bisa memudahkan pembaca untuk mengakses isi blog yang ada.

Sekarang kita akan mencoba membuat daftar isi yang menampilkan isi posting secara keseluruhan yang terbagi dalam label posting secara otomatis dalam bentuk yang berbeda. ini merupakan alternatif membuat daftar isi disamping posting membuat daftar isi otomatis dan Menampilan seluruh posting dalam satu widgets daftar isi otomatis yang dibahas beberapa waktu yang lalu.
Langkah Pertama
  1. Klik Page Element
  2. Klik Add Gadget
  3.   AddGadget
  4. Klik plus button (+) for HTML/JavaScript. (img)

    HTML
  5. Copy and paste kode dibawah ini

<div style="background: transparent url(#) no-repeat scroll 0 0; border:1px solid white; height:300px; overflow:auto; width:95%;">
<div id="cl_option">
Loading... </div>
<div id="cl_content_list">
</div>
<script type="text/javascript">
var jumlah_kata_dalam_ringkasan = 200;
</script>
<script src="http://sites.google.com/site/kibagusnet/x-design/Daftarisi-hdx.js">

</script>
<script src="http://blog kamu.blogspot.com/feeds/posts/default?alt=json-in-script&amp;callback=onLoadFeed&amp;max-results=500">

</script></div>

Keterangan :
Kode Warna lime :
kode transparent menunjukan warna netral ( menggunakan warna dasar blog ) ganti dengan kode warna sesuai kebutuhan, Url(#) kode # berarti tidak menggunakan background image, bila ingin menggunakan image ganti dengan alamat URL image yang akan dipasang
width:95%, lebar widgets diatur secara otomatis menyesuaikan lebar kolom, ganti 100px bila ingin diatur secara manual, angka 100 menunjukan lebar widgets ( ganti sesuai kebutuhan )
height:400px, tinggi widgets angka 400 menunjukan tinggi widgets ( ganti sesuai kebutuhan )

Kode warna merah :
Alamat feed url blog kamu.

Simpan dan lihat hasilnya..      CONTOH PENGGUNAAN..!
Semoga bermanfaat..!
Terima kasih..!

No comments:

Post a Comment