Cara Menambahkan Kotak Script Cantik di Postingan

Cara Menambahkan Kotak Script Cantik di Postingan, berikut caranya :

1. Buka Entri Baru
2. Aktifkan mode HTML dengan cara klik tombol HTML yang terdapat disamping Compose
3. Copy script box code yang tersedia di bawah
4. Paste script box code diantara bagian yang diinginkan di tab HTML
5. Pilih kembali bagian tab Compose

5 Macam Versi Kotak Script / Box Code

1. Kotak Script Border Left

<div style="background-color: #f3f3f3; border-left: 5px solid #2288dd; padding: 10px; t-align: left;"> Tambahkan Script disini...</div>

2. Kotak Script Border Solid

<div style="background-color: #f3f3f3; border: 4px solid #999; padding: 10px; t-align: left;"> Tambahkan Script disini...</div>

3. Kotak Script Border Dashed

<div style="background-color: #ffe599; border: 2px dashed #aaa; padding: 10px; t-align: left;"> Tambahkan Script disini...</div>

4. Kotak Script Border Double

<div style="background-color: #6fa8dc; border: 4px double #fff; padding: 10px; t-align: left;"> Tambahkan Script disini...</div>

5. Kotak Script Border Outset

<div style="background-color: #a2c4c9; border: 4px outset #fff; padding: 10px; t-align: left;"> Tambahkan Script disini...</div>

6. Kotak Script Nice Box

<div style="-moz-border-radius: 10px; -webkit-border-radius: 10px; background-color: turquoise; border-left: 10px solid #4fee0f; border-radius: 10px; padding: 10px; t-align: left;"> Tambahkan script di sini...</div>

 7. Kotak Script Easy Looking box

<div style="-moz-border-box: 10px; -webkit-border-box: 10px; background-color: turquoise; border-top: 10px solid #4fee0f; border: 10px; padding: 10px; t-align: left;">Tambahkan script di sini...</div>

8. Kotak Script Minimalis Box

<div style="-moz-border-box: 10px; -moz-border-box: 10px; -webkit-border-box: 10px; background-color: white; border-top: 20px solid #f4034c; overflow: auto; padding: 10px; t-align: left; t-color: #fff;">
Tambahkan script di sini...</div>

9. Kotak Script Mistique

 <div style="-moz-border-box: 10px; -webkit-border-box: 10px; background-color: black; border-left: 10px solid red;  padding: 10px; t-align: left;">
<span style="color: white;"><span style="font-family: 'Trebuchet MS', sans-serif;">Tambahkan script di sini...</span></div>

10. Kotak Script Elegan box

<div style="-moz-border-box: 10px; -webkit-border-box: 10px; background-color: turquoise; border-left: 10px solid #4fee0f; border: 10px; padding: 10px; t-align: left;">Tambahkan script di sini...</div>

Script tersebut dapat kamu kreasikan sesuai dengan keinginan:
- Mengganti warna kotak: background-color:#kodewarna
- Merubah warna border: border:#kodewarna
- Mengatur ketebalan border: border:4x