Cara Mudah Membuat Scroll Pada Blog

Salah satu fungsi daripada membuat scroll adalah untuk menghemat space pada blog kita. Sehingga apabila kita akan membuat label ataupun widget berukuran terlalu besar sidebar blog berukuran terbatas kita bisa mengakalinya dengan membuat scroll box ini. Ok untuk lebih jelasnya kita langsung praktik aja gan.. Salah satu fungsi daripada membuat scroll adalah untuk menghemat space pada blog kita. Sehingga apabila kita akan membuat label ataupun widget berukuran terlalu besar sidebar blog berukuran terbatas kita bisa mengakalinya dengan membuat scroll box ini. Ok untuk lebih jelasnya kita langsung praktik aja gan.. <div id='ArchiveList'>
1. Login ke Blogger.
2. Di halaman Dasbor, kita pilih Rancangan.
3. Kemudian pilih Edit Element
4. Klik Add Widget dan pilih
    HTML/Javascript
5. Copas salah satu cara dari kode berikut

 

Cara 1 :

<div style="width: 395px; height: 400px; background-color: a0ffff; color: 000000; font-family: arial; font-size: 12px; text-align: left; border: 0px solid 00000; overflow: auto; padding: 4px;">Copy paste yang ingin ditampilkan</div>

Cara 2:

<div class="'rbbox'"><div style="'margin:0;"><---Copy paste yang ingin ditampilkan---></div></div>

Cara 3 :

<div style="overflow: auto;background-color:#C7DFB5; margin: 0px auto; padding: 5px; height: 200px;width: 94%;text-align: left;">
Copy paste yang ingin ditampilkan </div>

Cara 4 :

<div class="'rbbox'"><div style="'margin:0;"><Copy paste yang ingin ditampilkan></div></div>

1. Login ke Blogger.
2. Di halaman Dasbor, kita pilih Rancangan.
3. Kemudian pilih Edit Element
4. Klik Add Widget dan pilih
    HTML/Javascript
5. Copas salah satu cara dari kode berikut

 

Cara 1 :

<div style="width: 395px; height: 400px; background-color: a0ffff; color: 000000; font-family: arial; font-size: 12px; text-align: left; border: 0px solid 00000; overflow: auto; padding: 4px;">Copy paste yang ingin ditampilkan</div>

Cara 2:

<div class="'rbbox'"><div style="'margin:0;"><---Copy paste yang ingin ditampilkan---></div></div>

Cara 3 :

<div style="overflow: auto;background-color:#C7DFB5; margin: 0px auto; padding: 5px; height: 200px;width: 94%;text-align: left;">
Copy paste yang ingin ditampilkan </div>

Cara 4 :

<div class="'rbbox'"><div style="'margin:0;"><Copy paste yang ingin ditampilkan></div></div>