Wednesday, July 4, 2012

Membuat Widget Daftar Isi Di Blog


Kemarin adit udah posting tentang cara membuat read more / baca selengkapnya di blog dan untuk sekarang adit akan melanjutkan postingan adit tentang membuat widget daftar isi di blog sobat blogger pasti nya udah tau yaa untuk cara-cara membuat widget daftar isi di blog... hehehehe maaf ya sobat adit hanya pemula yang lagi belajar blogger, kasih semangat nya dong sobat blogger buat adit biar semakin kenceng untuk lari nya hehehehe maksud nya biar tambah pengalaman, dan tata letak kata dalam berposting sobat blogger.... hembb oke deh tanpa banyak kata adit akan langsung bahas tentang "Cara membuat Widget Di Blog" :

Langkah 1
Login ke Blogger

Langkah 2
Masuk ke "Tata Letak - Elemen Halaman"

Langkah 3
"Tambah Gadget" baru dengan type "HTML/JavaScript"

Langkah 4
Tambahkan kode dibawah ini:

<div style="border: 1px solid #000; overflow: auto; height: 220px;">
<script style="text/javascript" src="http://hensblog.googlecode.com/files/daftar_isi.js"></script>
<script style="text/javascript">
var numposts = 1000;
var showpostdate = false;
var showpostsummary = false;
var numchars = 100;
var standardstyling = true;
</script>
<script src="/feeds/posts/default?orderby=published&alt=json-in-script&max-results=999&callback=showrecentposts"></script>
</div>

Langkah 5
Simpan Gadget

Keterangan:

border: 1px solid #000 : Ubahlah border sesuai dengan keinginan anda

height: 220px : Ubah nilai 220px untuk mengatur tinggi widget daftar isi

Jika ingin menampilkan daftar isi sesuai dengan label/kategori tertentu silahkan tambahkan kode /-/Label sehingga menjadi seperti kode dibawah ini (ganti Label dengan kategori yang ingin ditampilkan):

<script src="/feeds/posts/default/-/Label?orderby=published&alt=json-in-script&max-results=999&callback=showrecentposts"></script>

Selamat mencoba semoga berhasil Sobat Blogger Dan Jangan Lupa Tinggalin Komentarnya Sobat Blogger.

No comments:

Post a Comment