.rbbox{border: 1px solid #D8D8D8;padding: 5px; background-color: #E0F8E0;-moz-border-radius:5px; margin:5px;} .rbbox:hover{background-color: #EFFBEF;}

Menambah Scroll Box di sidebar Blogspot

|

Menambah Scroll Box
coba lihat pada sidebar sebelah kanan, pada kategori Berita Bisnis...disitu saya menambahkan sebuah scroll box untuk kotak iklan dari kumpul blogger sehingga iklan yang tampil seolah-olah bisa diatur sedemikian rupa sehingga terlihat rapi

secara default jika script dari kumpul blogger langsung dipasang maka tampilannya akan melebar dan panjang kebawah dan terlihat nggak rapi, maka dari itu agar terlihat rapi kode dari kumpul blogger harus dimasukkan ke sebuah element HTML yaitu scroll box.

berikut ini adalah cara untuk menambahkannya:
- login ke blogger
- masuk ke tataletak dan tambahkan sebuah widget untuk javascript/html
- widget bisa diletakkan di sidebar atau body
- copast kode berikut ini :
<div style="overflow:auto;width:300px;height:200px;padding:10px;border:1px solid #eee"> --masukkan kode kumpulblogger disini--</div>
- masukkan kode tersebut diatas pada widget javascript/html yang baru saja anda tambah
- letakkan kode kumpulblogger sebelum tag penutup dari "div"
- simpan
Keterangan :
- overflow:auto --> kode ini akan membuat scroll box otomatis memanjang kebawah jika isinya melebihi ukuran standart
- width -->digunakan untuk mengatur lebar dari scroll box
- height --->digunakan untuk mengatur tinggi dari scrool box
- padding --->digunakan untuk mengatur spasi
- border -->mengatur garis tepi, jika bernilai 1 maka garis tepi (kotak) akan dimunculkan
- solid --> warna






Add to GoogleShare

Posting terkait:

Please wait...

5 comments:

kado ulang tahun mengatakan...

makasih bangat pak, blognya keren, mambantu sekali untuk para pemula,

www.gameforgamer.com mengatakan...

Aku merasa terbantu.
Makasih!!
;)

Anonim mengatakan...

matur suwun mas...............

Fikri Thufaily mengatakan...

yuhu... trimakasih om, mantep

Ucup mengatakan...

Makasih infonya