Anda Sekarang Sedang Membaca Cara Membuat Widget Kotak Scrollbar, Agar Menghemat Ruang Blog - Scrollbar adalah sebuah kotak yang dapat digulung kekanan atau ke bawah sehingga kita dapat menemukan isi yang tersembunyi. Tujuan utamanya yaitu agar tampilan blog rapih dan elegant. Mungkin anda pernah melihat blog yang penuh dengan isinya yang sangat panjang sehingga memperlambat loading blog tersebut. Supaya blog anda tidak seperti itu, di tips kali ini saya akan menjelaskan cara menghilangkan sesak tersebut dengan membuat scrollbar. Dengan begitu kita bisa menghemat pamakaian ruang blog. Mau tau caranya?
Berikut kode untuk membuat scrollbar:
Contoh:
Hasilnya:
Anda dapat mengatur lebar dan tinggi scrollbar tersebut dengan merubah nilai pada width:80px; height:80px;.
Berikut kode untuk membuat scrollbar:
<div style="border: 1px solid rgb(204, 204, 204); padding: 5px; overflow: auto; width: 80px; height: 80px; background-color: rgb(255, 255, 255);">Masukan Teks Atau Html Anda Disini</div>
Contoh:
<div style="border: 1px solid rgb(204, 204, 204); padding: 5px; overflow: auto; width: 80px; height: 80px; background-color: rgb(255, 255, 255);">Scrollbar adalah sebuah kotak yang dapat digulung kekanan atau ke bawah sehingga kita dapat menemukan isi yang tersembunyi.</div>
Hasilnya:
Scrollbar adalah sebuah kotak yang dapat digulung kekanan atau ke bawah sehingga kita dapat menemukan isi yang tersembunyi.
Anda dapat mengatur lebar dan tinggi scrollbar tersebut dengan merubah nilai pada width:80px; height:80px;.
Jika Berhasil Jangan Lupa Tinggalkan Komentar Ya. :)
Ditulis Oleh : ImHero ~ Tempat Berbagi Dan Saling Bertukar Ilmu
Anda sedang membaca artikel tentang Cara Membuat Widget Kotak Scrollbar, Agar Menghemat Ruang Blog. Oleh Admin, Anda diperbolehkan mengcopy paste atau menyebar-luaskan artikel ini, namun jangan lupa untuk meletakkan link dibawah ini sebagai sumbernya
0 comments:
Post a Comment
Silahkan Tinggalkan Komentar , Kalau Bisa Yang Baik-Baik. :)
Tapi Kami Mohon Jangan Menyepam Ya..!