Cara membuat menu scroll diblogger

Menu scroll memang diperlukan untuk menampung daftar isi 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 pemula yang ingin memasang di blog dengan tipe yang sederhana dan tidak memerlukan kode script yang sulit sekali.

Untuk lebih jelasnya silahkan ikuti langkah berikut ini:

1. login dulu ke Blogger
2. klik Opsi Lainnya/Rancangan
3. Klik Tata Letak
4. Klik Tambah gadget
5. Klik opsi HTML/Java Script,terus 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 centre = 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 blognya kawan
9. JUDUL BLOG ANDA 1 : Ganti dengan Judul postingan sesuai alamat URL blognya kawan


Selamat mencoba

Baca juga artikel menarik lainnya :

• Cara membuat tabel diblog
• Cara membuat Email di yahoo Indonesia
• Cara Mudah Membuat Akun Gmail
• Cara memasang Iklan Google Adsense diblog
• Cara membuat menu scroll otomatis diblogger
• Banten Nunas Tirta Sidakarya
• Cara membuat menu horizontal dibawah header blog
• Foto Sidakarya Tempo Dulu
• Cara membagi header menjadi 2 kolom
• Sejarah Patung dan Pelinggih di Setra Sidakarya