Cara Membuat Script Box

 Cara Membuat Script Box di Postingan Blog

Script box atau kotak skrip adalah elemen kotak yang bertugas untuk membungkus tulisan yang ada di dalamnya (biasanya berupa skrip atau kode).

Pada dasarnya, elemen pembungkus tersebut sangat mirip dengan syntax highlighter. Yang membedakan dua komponen tersebut hanya dari segi pemasangan, selebihnya bisa dikatakan mirip. Untuk lebih jelasnya baca juga Apa itu Script Box?

Kelebihan Menggunakan Script Box

• Memudahkan pembaca dan mesin pencari dalam memahami konten tulisan
• Tulisan menjadi lebih rapi
• Tulisan menjadi lebih terstruktur.

Script Box seperti di bawah ini :

<div style="background-color: #f6f6f6; border: 3px #009ee0 dotted; padding: 17px; text-align: left;">
Script yang mau di posting di sini...
</div>

Cara Pemasangan :

Buat postingan artikel baru di blog

Buka dalam mode HTML

Copy paste Scrip diatas ke dalam halam edit postingan dalam mode HTML

Beberapa Contoh Script Box di bawah ini :

Contoh 1

<div style="background-color: #f6f6f6; border-left: 5px solid #009ee0; border-radius: 10px; padding: 17px; text-align: left;">
Script di sini...
</div>

Contoh 2

<div style="background-color: #f6f6f6; border-left: 5px #009ee0 Double; padding: 17px; text-align: left;">
Script di sini...
</div>

Contoh 3

<div style="background-color: #f6f6f6; border-left: 3px #009ee0 dotted; padding: 17px; text-align: left;">
Script di sini...
</div>

Sumber : Ferisp