Cara Membuat html Box

Cara Menulis HTML/Script di Postingan BlogHai sobat GC,
Kalian pasti taukan, jika kalian ingin menulis Script/HTML di post, maka Script/HTML itu akan berubah menjadi Widget atau apalah..
Bagaimana agar Script/HTML itu tidak menjadi widget(atau yang lain) jika ditulis di post?
Kalian perlu mengubah Script/HTML itu dulu menjadi format biasa dengan cara di Encode

Ane menyediakan beberapa HTML/Script (juga bisa diisi Teks sih) untuk menghias Script/HTML yang ditulis..


<div style="background-color: transparent; border-radius: 30px; border: 4px solid #254779; box-shadow: 0px 0px 10px; padding: 10px; text-align: left;">
TULIS KODE/SCRIPTNYA DISINI</div>

SOLID BORDER
<div style="border: 4px solid #254779; padding: 10px; background-color: transparent; text-align: left; "> TULIS KODE/SCRIPTNYA DISINI</div>

RIDGE BORDER
<div style="border: 4px ridge #254779; padding: 10px; background-color: transparent; text-align: left;"> TULIS KODE/SCRIPTNYA DISINI</div>

INSET BORDER
<div style="border: 4px double #254779; padding: 10px; background-color: transparent; text-align: left;"> TULIS KODE/SCRIPTNYA DISINI</div>

DOTTED BORDER
<div style="border: 4px dotted #254779; padding: 10px; background-color: transparent; text-align: left;"> TULIS KODE/SCRIPTNYA DISINI</div>

DASHED BORDER
<div style="border: 4px dashed #254779; padding: 10px; background-color: transparent; text-align: left;"> TULIS KODE/SCRIPTNYA DISINI</div>

Nah, kalian tinggal pilih mau pakai yang mana..

NB :
- 4px = ketebalan border
- #254779 = warna border
- transparent = warna background
- text align left = paragraf
- TULIS KODE/SCRPTNYA DISINI = Script/HTML yang sudah di Encode (jika ingin menulis Script di postingan) 

Nah, cara menggunakannya :
1. Siapkan Script yang ingin anda post
2. Encode dahulu Script tersebut agar menjadi format biasa DISINI :D3. Taruh(Copy kemudian Paste) Script tersebut di Post kalian

Selesai~

Comments