membuat garis kotak / border di blogspot

Untuk membuat suatu garis kotak atau yang biasa disebut border adalah dengan cara menambahkan kode seperti dibawah ini.

Langkah-langkah   :

  1.  Buka tab Rancangan
  2. Pilih elemen laman lalu tambah Gadget 
  3.  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>



coba-coba saja satu-satu hasilnya berbeda-beda

7 komentar:

Unknown mengatakan...

makasih tutornya

Unknown mengatakan...

Thx gan :)
Mampir balik gan >>> http://andreas-maxx.blogspot.com/

Blogger mengatakan...

Thanks tapi bukan ini yang saya mksud....membuat kotak garis template yg saya mksud...

Kursi Tamu Mewah mengatakan...

Thanks gan, ini yang ane cari...

Muttaqin mengatakan...

makasih ya....

Unknown mengatakan...

Salam Kenal Buat Bloger Mania Dari Saya:
Pulsa

Raja Pulsa

Jelita Reload

Permata Pulsa

Market Pulsa

Distributor Pulsa

Sewa Jas Bandung mengatakan...

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

Posting Komentar

Next Prev