Cara Membuat Daftar Isi Blog Scroll Box

Sebelum masuk pada bahasan artikel Cara membuat Daftar Isi Scroll saya mengucapkan terima kasih kepada seorang blogger muda Indonesia. Blogger asal Jawa Barat ini telah memberikan banyak konsultasi gratis dan motivasi kepada saya berkaitan dengan daftar isi scroll. Perhatian Blogger muda Indonesia ini tidak hanya itu saja bahkan dengan rendah hati mengirimkan email secara pribadi contoh penulisannya.

Namun kepedulian yang diberikan blogger muda Indonesia, Kang Salman (Kucoba.com) tidak mampu berfungsi dengan semestinya di blog saya. Tapi jangan berprasangka buruk dulu sama Kang Salman. Ketidakberfungsian kode-kode tersebut terjadi murni kesalahan saya akibat suka usil utak atik blog. Ya, Ahyar Blog dong maksudnya.

Gambar: Tampilan Kotak Skroll

Dan pada kesempatan ini juga saya mengucapkan terima kasih juga yang special buat Quackit.com yang telah menyediakan tutorial sebagai tempat tongkrongan saya sehinga daftar isi scroll dapat terwujud di blog ini.

Daftar Isi Scroll box yang ada saat ini adalah Daftar isi Scroll hasil racikan sendiri menggunakan referensi dari Quackit.Com. Untuk lebih memudahkan memahami topik yang dibahas perhatikan gambar di bawah ini.

Okey sekarang kita bahas cara membuat Daftar Isi Blog Scroll Box. Namun sebelum masuk ke detail langkah-langkahnya saya ingin jelaskan sedikit tentang sroll box itu. Menurut saya Scroll box adalah box atau kotak yang sudah ditetapkan terlebih dahulu ukurannya akan tetapi mampu menampung konten lebih besar dari kapasitas tampilannya dan untuk melihat atau menampilkan konten yang sebagian tidak tampak dapat menggunakan mouse atau pointer.

Daftar Iisi Blog Scroll Box adalah box atau kotak dibuat khusus oleh pengelola media online internet untuk menulis teks URL (Uniform Resource Locator) dan teks yang muncul mewakili teks link url media online internet. URL media online internet adalah teks dibuat dan dihasilkan oleh mesin peramban web (web browsing) yang muncul pada kolom search bar web browsing berasal dari judul posting artikel blog dipublikasikan/diterbitkan secara online internet oleh pemilik/pengelola media online internet pula

Cara membuat daftar isi scrollbox blog dapat dilakukan dengan langkah-langkah sebagai berikut:
1. Sign in di blog
2. Klick Rancangan
3. Klick add gadget/tambah gadget
4. Pilih Html/JavaScript
5. Copy atau buatkan/tuliskan kode dalam Html/Javascript seperti di bawah in

<li><a href="http://www.ronamasa.com/2011/06/sejarah-kesultanan-bima.html">Sejarah Kesultanan Bima</a></li>

<li><a href="http://www.ronamasa.com/2011/05/sejarah-pemerintahan-kabupaten-bima.html">Sejarah Pemerintahan Kabupaten Bima, NTB Sejak Masa Orde Baru</a></li>
<li><a href="http://www.ronamasa.com/2011/06/menjelajahi-keajaiban-pulau-komodo-ntt.html">Menjelajahi Keajaiban Pulau Komodo, NTT </a></li>
<li><a href="http://www.ronamasa.com/2011/06/cara-membuat-aplikasi-menggunakan-ms.html">Cara Membuat Aplikasi - MS Access 2007</a></li>
<li><a href="http://www.ronamasa.com/2011/06/cara-membuat-form-aplikasi-database.html">Cara Membuat From Aplikasi Database MS Access 2007</a></li>
<li><a href="http://www.ronamasa.com/2011/06/cara-mengimport-file-excel-ke-file.html">Cara Import File MS Excel ke MS Access 2007</a></li>
<li><a href="http://www.ronamasa.com/2011/11/cara-membuat-grafik-dalam-microsoft.html">Cara Membuat Grafik Dalam Microsoft Office Excel 2007</a></li>
<li><a href="http://www.ronamasa.com/2011/05/cara-menghitung-nilai-khs-mahasiswa.html">Cara Menghitung Nilai KHS Mahasiswa - Excel 2007</a></li>
<li><a href="http://www.ronamasa.com/2011/06/membuat-report-database-dalam-microsoft.html">Cara membuat Report Database Dalam MS Access 2007</a></li>
<li><a href="http://www.ronamasa.com/2011/09/cara-membuat-filter-sub-form-database.html">Cara Membuat Filter Sub Form Database MS Access 2007 - 2 </a></li>
</ul>
</div>

Keterangan:

Kunci yang membentuk scroll box adalah:
height: 210px : Tinggi Box/kotak scroll dan width: 500px : Lebar box/kotak scroll. Tinggi dan lebar box sesuaikan dengan jumlah konten agar dapat berbentuk scroll.

Sedangkan

http://www.ronamasa.com/2011/06/guru-ku-berkata.html: Judul postingan artikel

sejarah-kesultanan-bima: Judul postingan yang ditampilkan pada daftar isi scroll box

6. Paste pada Html/javascript
7. Simpan/Save untuk menyimpan perubahan
8. Klick Lihat untuk melihat hasilnya.

Tampilan Daftar Isi Scroll box yang dimaksud dalam artikel ini seperti yang terlihat di bawah ini

Selamat mencoba dan semoga berhasil