Untuk membuat suatu garis kotak atau yang biasa disebut border adalah dengan cara menambahkan kode seperti dibawah ini.
Langkah-langkah :
- Buka tab Rancangan
- Pilih elemen laman lalu tambah Gadget
- Pilih add HTML/javascript.
Lalu pilih salah satu dari kode di bawah ini dan kamu akan melihat hasilnya ;
<div style="width:200px;height:100px;border:1px solid blue;">Teks anda dengan border solid</div>
<div style="width:200px;height:100px;border:2px dotted blue;">Teks dengan border dot</div>
<div style="width:200px;height:100px;border:2px dashed blue;">Teks dengan border dash</div>
<div style="width:200px;height:100px;border-width:6px;border-color:blue;border-style:dotted dashed solid double;">Teks dengan burder yang multiple</div>
atau bisa juga mengatur border dengan kode ini :
<div style="width:222px; border:solid; border-top-width:1px; border-left-width:1px; border-right-width:1px; border-bottom-width:1px; border-color:#000000 ">isi border</div>
<div style="width:222px; border:solid; border-top-width:1px; border-left-width:1px; border-right-width:1px; border-bottom-width:1px; border-color:#000000 ">isi border</div>
coba-coba saja satu-satu hasilnya berbeda-beda
7 komentar:
makasih tutornya
Thx gan :)
Mampir balik gan >>> http://andreas-maxx.blogspot.com/
Thanks tapi bukan ini yang saya mksud....membuat kotak garis template yg saya mksud...
Thanks gan, ini yang ane cari...
makasih ya....
Salam Kenal Buat Bloger Mania Dari Saya:
Pulsa
Raja Pulsa
Jelita Reload
Permata Pulsa
Market Pulsa
Distributor Pulsa
Saran dari saya mas, mungkin bisa ditampilkan juga contoh script yang sudah dipasang, jadi kita-kita yang belum nyoba sudah tau tampilannya akan seperti apa. Btw thanks sudah berbagi ilmunya mas
:)) :)] ;)) ;;) :D ;) :p :(( :) :( :X =(( :-o :-/ :-* :| 8-} ~x( :-t b-( :-L x( =))
Posting Komentar