Beranda
blogger

Macam-macam kotak Scroll Dan Code Scriptnya

Ini adalah macam-macam kode script utk kotak scroll

 1. Contoh kotak scroll dan code script nya
<div style="overflow:auto; width:300px; height:60px; padding:10px; border:3px solid #cc0000;">Community-warband.blogspot.com</div>
  • width:300px adalah lebar kotak ( ganti sesuai selera )
  • height:60px adalah tinggi kotak ( ganti sesuai selera )
  • padding:10px; adalah jarak isi kotak dengan garis pinggir kotak.
  • border:3px solid adalah ketebalan garis kotak ( ganti sesuai selera )
  •  #cc0000 adalah kode warna garis ( ganti sesuai selera )
  • Community-warband.blogspot.com adalah isi kotak yang berupa tulisan yang bisa juga di ganti dengan kode script .
2. Contoh kotak scroll dgn background warna dan code script nya 

<div style="overflow:auto; width:300px; height:60px; padding:10px; border:3px solid #cc0000; background:#00ff00;">Community-warband.blogspot.com</div>
  •  background:#00ff00 adalah kode untuk memberi Background  berwana hijau pada kotak scroll. Anda bisa mengubah warna background sesuai selera anda.
3. Contoh kotak scroll dgn Bingkai dan code script nya

<table border="8" cellpadding="5"><tbody><tr><td><div style="overflow:auto; width:300px; height:60px; padding:10px; border:3px solid #cc0000; background:#00ff00;">Community-warband.blogspot.com</div></td></tr></tbody></table>
  • <table border="8"  adalah Untuk membuat bingkainya menjadi lebih tebal ( ganti angka 8 )
  • <table border="3"  adalah Untuk memberi jarak antara bingkai dengan kotak (ganti angka 3 )
Cara Buat kotak dalam postingan kita kita harus mengcopy code script nya terlebih dahulu di HTML 
( klik tulisan HTML sebelah kiri atas ) dan utk mengisi tulisan di dalam kotak klik COMPOSE...
Selamat Mencoba, Semoga Bermanfaat...... 

Posting Komentar