Tuesday, April 24

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.


Berikut langkah-langkah cara membuat scroll widget pada blog:
1. Login ke Blogger.
2. Di halaman Dasbor, 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: 495px; background-color: a0ffff; color: 000000; font-family: arial; font-size: 12px; text-align: left; border: 0px solid 00000; overflow: auto; padding: 4px;">Isi teks di sini</div>


Cara 2: 

<div class="'rbbox'"><div style="'margin:0;"><Isi teks di sini></div></div>


Cara 3 :

<div style="overflow: auto;background-color:#C7DFB5; margin: 0px auto; padding: 5px; height: 200px;width: 94%;text-align: left;">
Isi teks di sini</div>


Cara 4 :

<div class="'rbbox'"><div style="'margin:0;"><Isi teks di sini></div></div>


Catatan: 
1. Untuk Judul membuat scroll box diisi atau tidak di isi tidak berpengruh
2. Ganti height ;width sesuai isi artikel


Selamat mencoba

No comments:

Post a Comment