Cara Membuat Kotak Script Pada Postingan Blog

Cara Membuat Kotak Script Di Postingan Blog, Kotak script biasanya digunakan untuk memasukan kode2 script ke dalam posting. Agar terlihat rapi, Ada yang berbentuk kotak sederhana, ada juga yang berbentuk kotak dengan tambahan scroll, dan masih banyak lagi. Kotak script juga bisa diberi warna dibagian backgroundnya, dan juga border yang berbentuk kotak, bisa diatur bentuknya. Caranya kalian tinggal copas script dibawah ini maka akan muncul kotak script tersebut dipostingan kalian.

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

<div style="border: 1px solid #444; padding: 10px; background-color:
#eaeaea; text-align: left;">Deskripsi</div>

<div style="-moz-border-radius: 10px; -webkit-border-radius: 10px;
background-color: #f3f3f3; border-left: 5px solid #2288dd; borderradius:
10px; padding: 10px; t-align: left;">Deskripsi</div>

<div style="-moz-border-radius: 10px; -webkit-border-radius: 10px;
background-color: #ffe599; border-radius: 10px; border: 2px dashed
#aaa; padding: 10px; t-align: left;">Deskripsi</div>

<div style="-moz-border-radius: 10px; -webkit-border-radius: 10px;
background-color: #6fa8dc; border-radius: 10px; border: 4px double
#fff; padding: 10px; t-align: left;">Deskripsi</div>

<div style="-moz-border-radius: 10px; -webkit-border-radius: 10px;
background-color: #a2c4c9; border-radius: 10px; border: 4px outset
#fff; padding: 10px; t-align: left;">Deskripsi</div>

<div style="border: 2px #610B38 dashed; padding: 10px; backgroundcolor:#57AA52;
tex>t-align: left;"> Deskripsi</div>

<div style="border: 2px #1B1A76 dotted; padding: 10px; backgroundcolor:#c2c2c2;
text-align: left;">Deskripsi</div>

<div style="border: 3px #5f200e double; padding: 10px; backgroundcolor:
#82CAFA; text-align: left;">Deskripsi</div>

<div style="border: 2px #006400 inset; padding: 10px; backgroundcolor:
#d5839f; text-align: left;">Deskripsi</div>

Nah kalian bisa pilih deh tuh mau Script Box yang seperti apa, untuk kode di depannya ada tanda pagar "#" itu adalah kode warna, jika kalian tidak tau kode warna, kalian bisa cari digoogle atau kalian bisa mampir juga "kesini" buat liat macam-macam kode html warna.

Gimana sih cara masang Script Boxnya ? pada bagian script kalian ubah dari "compose" ke bagian "html", kalo bingung liat gambar dibawah ini;

Kalo udah "Paste" kode scriptnya, setelah itu kalian klik lagi tab "compose" nanti pasti langsung jadi kotaknya !! Gampang bangetkan ? tujuannya membuat kotak ini, ya supaya rapi aja blog kita, kata-katanya jadi gak terkesan berantakan, Sekian Tutorial Membuat Kotak pada Blog. Semoga Bermanfaat !!