Cara Membuat Kotak Scrollbar Pada Blog Dengan Mudah - Lunyui

Saturday, February 11, 2017

Cara Membuat Kotak Scrollbar Pada Blog Dengan Mudah

Cara Membuat Kotak Scrollbar Pada Blog - Ketika kita membuat sebuah postingan yang sangat panjang di blog, tentunya akan memakan ruangan dan terlalu kebawah. Yang menjadi permasalahanya, kadang-kadang sipembaca males untuk mencari informsi yang mereka inginkan. Bukan hanay itu, tampilan pun akan terlihat kurang profesional. 

Kotak tersebut pun bisa di geser ke kanan dan kebawah guna menemukan teks yang tersembunyi. Nah dibawah ini ada beberapa cara membuat kotak scrollbar pada blog dengan mudah, dan juga dengan menambahkan gambar pada kotak tersebut.

Cara Membuat Kotak Scrollbar Pada Postingan Blog Dengan Mudah

1. Copy kode dibawah ini, simpan di Notepad terlebih dahulu.
<div style="border: 1px solid rgb(0, 0, 255); height: 80px; overflow: auto; padding: 5px; text-align: left; width: 80px;" >Cara Membuat Kotak Scrollbar Pada Blog Mudah</div>
2. Paste pada mode HTML, bukan Compose.
Baca : Cara Membuat Daftar isi/sitemap pada blog
Tambahan..

Width : 80px, yaitu lebar dari kotak tersebut. Bisa dirubah dengan sesuai keinginan sobat
Height : 80px, yaitu tinggi kotak tersebut. Sesuaikan dengan jumlah kata yang akan dibuat.

Contoh :

Cara Membuat Kotak Scrollbar Pada Blog Mudah

Cara Menambahkan Gambar Kedalam Kotak Scrollbar


1. Copy Script dibawah ini, lalu pastekan ke mode HTML

 <div style="border: 1px solid rgb(204, 204, 204); padding: 5px; overflow: auto; width: 300px; height: 80px; background-color: rgb(255, 255, 255);"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhIDrBy_iZQ-iC0s42-p0JO1G76XszD8lWwHNthzvQoDqcnnhylQKSNtijOy4mI6jxSF7cjUz_j6MY4cYKVjCEVykCvIB9bPyiG1tZSCAg1qHENAsIrJgb3DCQOptpgQ6At4paWPtLmk0dY/s1600/cara-membuat-blog.jpg" /></div>

Rubah script yang saya beri warna merah dengan alamat gambar yang Anda inginkan.

Nah itulah beberapa cara menambahkan kotak scrollbar pada blog dengan mudah, semoga dapat bermanfaat untuk Anda yang ingin mempercantik tampilan postingan. Terimakasih.
Comments


EmoticonEmoticon