Cara buat kotak dalam posting

Cara membuat kota di posting: cara ini biasanya digunakan untuk menaruh script agar postingan di blog kelihatan rapi dan keren,Bermacam bentuk kotak dari yang sederhana sampai bisa di turun naikan kayak tread dikaskus itu loh :D ,Dan juga bisa si setting warna dan BGnya.

Langsung saja gimana caranya agar bisa membuat kotak berada di posting, yang pertama tipe biasa aja ia kayak seprti contoh ini:

 

Masuk Blog kalian terus pilih new post seperti ini:

 

Kemudian klik html lalu masukan script ini : 

<div style="border: 3px #1780dd Double; padding: 10px;background-color:#ffffff;
text-align: left;">
.Klik Disini.</div>

Kayak gambar dibawah contohya:

 

Selesai ntuk kotak yang biasa,selanjutnya cara yang bisa di turun naikan kotak postingnya: 

 

Sama kayak cara yang pertama cuma beda script saja,copy script ini :

<div style="border: 3px #1780dd solid; padding: 10px;background-color:#ffffff;
overflow: auto; height: 50px; width: 300px;
text-align: left;">
@eugboni</div>

Ket:

border: 3px = ketebalan kotak script. dan #1780dd = warna kotak script.

Padding:10px = panjang kotak ke bawah, untuk lebarnya otomatis sampai ke ujung posting.

background-color:ffffff; = warna dalam kotak.  text-align:left; = posisi tulisan didalam kotak di kiri.

Double; = Bentuk kotak, bisa diganti dengan, dashed,dotted,Double,Groove,Inset<,outset,Ridge.

Dengan menambahkan cara bgni akan kelihatan bagus postingan mengenai script, Semoga memberi pencerhan .Salam jalan jalan +Trip_ID