Menu Scroll sangat dibutuhkan ketika pada satu bidang kita memiliki isi konten yang sangat panjang sehingga tidak mungkin kita menggunakan konten tersebut tanpa bantuan menu scroll karena akan memenuhi bidang dan terlalu menghabiskan ruang pada template kita,namun pada saat kita menggunakannya menu scroll sendiri akan terlihat sangat mengganggu manakala kita menghendaki satu tamiplan yang disesuaikan dengan template blog kita.
Tapi sobat tidak usah khawatir karena ada cara untuk menyembunyikan menu scroll tanpa menghilangkan fungsi dari scroll itu sendiri.nah bagaimana cara menyembunyikan menu scroll? berikut ini langkahnya :
1. Masuk dulu ke Dashboard atau ke akun blogger sobat.
2. Terus pilih Layout dan Edit HTML3. Cari kode ]]></b:skin>
4. Kemudian letakan kode berikut diatas ]]></b:skin>
.hidden-scrollbar { background-color:black; border:2px solid #666; color:white; overflow:hidden; text-align:justify; }
.hidden-scrollbar .inner { height:200px; overflow:auto; margin:15px -300px 15px 15px; padding-right:300px;
Keterangan : Teks warna hijau harus sama nilainya
5. Untuk menggunakan fungsi hiden menu scroll sobat bisa menggunakan kode berikut :
5. Untuk menggunakan fungsi hiden menu scroll sobat bisa menggunakan kode berikut :
<div class='hidden-scrollbar'>
<div class='inner'>
Isi menu scroll yang panjang.........
</div>
</div>
Demikian Tips untuk menyembunyikan menu scroll, hapyy blogging..
6 komentar
makasih banget ya gan buat caranyaaa
mau coba ya gan caranya makasih
sama sama gan..trims buat apresiasinya :)
silahkan gan, senang sudah bisa berkunjung disini...
Lumayan juga nih trick nya sob! Tapi apa script ini berfungsi pada quick search yang ber-scroll? Terimakasih sebelumnya..
assalamualaikum, gan ane pengen tau dong caranya biar menu kalo di scroll jadi ikut kebawah seperti punya agan ini
Terima kasih atas kunjungannya, silahkan berkomentar sesuai topik. Menuliskan link aktif tidak akan ditampilkan dalam komentar.Terima Kasih.