Cara Membuat Menu Scroll Untuk Daftar Isi Keren di Blogger

Share This

Maaf gambar kurang jelas

Kreasi | Informasi | Menu scroll memang diperlukan untuk menampung daftar isi atau arsip blog ataupun judul artikel yang panjang dan lebar di suatu blog. Panjang dan lebar dapat diatur dengan sedemikian rupa sehingga dapat disesuaikan pada tempat yang terbatas. Fungsi scroll yang berbentuk kotak kecil ini sangatlah efektif untuk dipasang di blog agar terjadi penghematan ruang tempat. Bagi Anda yang ingin memasang di blog dengan tipe yang sederhana dan tidak memerlukan kode script yang sulit, silahkan ikuti caranya di bawah ini. Untuk contoh tampilan di blog bisa anda lihat DISINI, atau lihat di side bar blog ini pada menu SPONSOR dan ASAL KUNJUNGAN memakai scroll.

Silahkan ikuti langkah berikut ini :

1. Login dulu ke Akun Blogger Anda
2. Klik Opsi Lainnya/Rancangan
3. Klik Tata Letak
4. Klik Tambah Gadget
5. Klik opsi HTML/Java Script, lalu copy kode HTML dibawah ini dan paste-kan pada kolom HTML/Java Script
6. Klik Simpan

<i></i>

<div align="justipy">

<table border="4" style="background-color: green;  width: 200px;"><tbody>

<tr> <th colspan="100%" scope="col">DAFTAR ISI</th> </tr>

<tr><td><div style="font-family: arial; font-size: 12px; background-color: white; height: 200px; overflow: scroll;width: 300px;">

<div style="overflow: hidden; padding: 0 px; text-align: justipy; width: 100%;">

<ul>

<li><a href="http://namablog.blogspot.com/"> JUDUL BLOG ANDA 1</a></li>

<li><a href="http://namablog.blogspot.com/"> JUDUL BLOG ANDA 2</a></li>

<li><a href="http://namablog.blogspot.com/"> JUDUL BLOG ANDA 3 </a></li>

<li><a href="http://namablog.blogspot.com/">JUDUL BLOG ANDA 4</a></li>

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

Keterangan

1. Kode Justipy : bentuk tulisan penuh, (silahkan diganti sesuai selera Anda, (center = tengah)
2. Border : Ketebalan garis pinggir (silahkan diganti sesuai selera)
3. Daftar Isi : Judul Daftar Isi (silahkan diganti sesuai selera)
4. Background Green : Warna background Judul (silahkan diganti sesuai selera)
5. Background White : Warna background Judul Isi daftar (silahkan diganti sesuai selera)
6. Height : Tinggi Scroll (silahkan diganti sesuai selera)
7. Weignt : Lebar Scroll (silahkan diganti sesuai selera)
8. http://namablog.blogspot.com/ : Ganti dengan alamat URL blog Anda
9. JUDUL BLOG ANDA 1, 2, 3, 4 : Ganti dengan Judul postingan sesuai alamat URL blog Anda
10. Jika ingin menambahkan alamat URL dan JUDUL BLOG, silahkan di copy lagi, dan tambahkan dibawahnya, caranya sama dengan yang di atas tadi.
11. Untuk mengganti warna lain sesuai dengan keinginan Anda, silahkan KLIK DISINI.

Nah sekarang Anda sudah memiliki tampilan menu scroll yang keren di blog Anda.

Demikian cara membuat menu scroll untuk daftar isi di blog, arsip blog, atau apapun namanya. Selamat mencoba, semoga bermanfaat.