Cara membuat Scroll Box / Daftar isi di Blog

Pada kali ini saya akan menjelaskan kepada anda, cara untuk membuat Scroll box atau daftar isi yang berguna untuk menghemat kita dalam pengisian entri / judul artikel.
Disini Scroll box berfungsi untuk memudahkan kita untuk mencari Artikel mana yang kita ingin cari, dan menghemat tempat Artikel pada blog kita.

Berikut Caranya:

1. Buka Blog Anda
2. Masuk Ke Dashboard
3. Pilih Tata Letak
4. Pilih salah satu Gadget , "posisi sesuai keinginan kalian"
5. Lalu pilih HTML / Script
6. Masukkan Kode / Link dibawah ini



<div align="center">
<table width="160" border="">
<tr> <th colspan="100%" scope="col"bgcolor="#CC6600">TUTORIAL BLOG</th> </tr><tr><td>
<div style="font-family: arial; font-size: 12px; overflow: scroll; background: #FFFFFF; border-color: #CC6600; width: 170px; height: 250px;"><div style="text-align:left; width: 160%; padding: 0 px; overflow: hidden; color: #FFFFFF; background: #000000;">
<ul>

<div style="color: orange;">
<li><a href="http://elistiano.blogspot.com/2013/02/cara-membuat-widget-popular-post-di.html">Cara membuat Popular Post di Blog</a></li></div>

<div style="color: orange;">
<li><a href="http://elistiano.blogspot.com/2013/02/cara-membuat-judul-blog-atau-teks.html">Cara Membuat Judul Blog atau Teks Berjalan Pada Title Bar</a></li></div>

<div style="color: orange;">
<li><a href="http://elistiano.blogspot.com/2013/02/sekarang-saya-akan-menjelaskan.html">Cara Membuat Daftar Isi di Blog</a></li></div>

<div style="color: orange;">
<li><a href="http://elistiano.blogspot.com/2013/02/cara-membuat-share-and-like-facebook.html">Cara Membuat Share and Like Facebook dan Twitter Melayang di Sisi Kanan Blog</a></li></div>

<div style="color: orange;">
<li><a href="http://elistiano.blogspot.com/2013/02/bagaimana-cara-menghentikan-otomatis.html">Bagaimana Cara Menghentikan Otomatis Post Tweet ke Facebook
</a></li></div>

<div style="color: orange;">
<li><a href="http://elistiano.blogspot.com/2013/02/bagaimana-cara-menghapus-akun-twitter.html">Bagaimana Cara Menghapus Akun Twitter Secara Permanen</a></li></div>
<div style="color: orange;">

<li><a href="http://elistiano.blogspot.com/2013/02/bagaimana-cara-merubah-ukuran-gambar.html">Bagaimana Cara Merubah Ukuran Gambar atau Foto dengan Paint</a></li></div>
<div style="color: orange;">

<li><a href="http://elistiano.blogspot.com/2013/01/option-read-more-selanjutnya-dalam.html">Option Read More / Selanjutnya dalam Blogspot
</a></li></div>

</ul>
</div>
</div>
</td></tr>
</table>
</div>

7. Lalu Simpan
8. Pratinjau / Preview Hasilnya
9. Untuk mengubah kode warna Background , Silahkan Klik Link ini
    "Kode Warna"