Cara Membuat Daftar Isi Scroll Down Sesuai Lable Dengan Tambahan Icon New Post di Blogspot

Setelah saya muter-muter kesana dan kemari, akhirnya saya menemukan juga apa yang saya inginkan, dan mungkin teman-teman semua ingin juga menggunakannya, yaitu Widget Daftar Isi Scroll Down Sesuai Lable Dengan Tambahan Icon New Post.

Maaf jika judulnya terlalu panjang, bukan karena apa, karena saya sendiri sedikit bingung mau di buat judul apa artikel yang satu ini, akhirnya saya tulis lengkap saja judulnya.

Perbedaan Daftar Isi Scroll Down Sesuai Lable Dengan Tambahan Icon New Post dengan daftar isi sebelumnya adalah tentu saja di tampilan utamanya, selain menggunakan Scroll Down, daftar isi ini juga ada tambahan Icon New Post sehingga akan menambah menarik tampilannya.

CONTOH:

Note: Daftar Isi Scroll Down Sesuai Lable Dengan Tambahan Icon New Post ini teman-teman tidak perlu susah payah untuk edit HTML templates nya, hanya menambahkan kode script di Add a Gadget. Sederhana tapi sungguh menarik untuk dicoba.

Ok, langkah-langkahnya adalah sebagai berikut:

1. Klik Design/Layout/Tata Letak >> Page Element >> Add a Gadget >> HTML/Javascript,
2. Copy paste kode di bawah ini dan taruh di dalam kotak gadget (konten):

<div style="overflow:auto;width:430px;height:120px;padding:10px;border:1px solid #eee"><script style="text/javascript" src="http://h1.ripway.com/AngeLyta/daftar isi by nnb.js"></script><script src="http://njank-njutz.blogspot.com/feeds/posts/default?max-results=9999&alt=json-in-script&callback=loadtoc"></script> </div>

Keterangan:
- Ganti tulisan "njank-njutz" dengan alamat Url blog teman-teman,
- Tulisan "width" adalah lebar kolom scroll down daftar isi, teman-teman bisa ganti sesuai selera,
- Tulisan "height" adalah tinggi kolom scroll down daftar isi, teman-teman bisa ganti juga sesuai selera.

3. Jika sudah klik Save dan lihat perubahannya, view blog. Selamat mencoba Membuat Daftar Isi Scroll Down Sesuai Lable Dengan Tambahan Icon New Post di Blogspot!