Membuat Kotak Untuk Kode Script Di Artikel Blog

Cara membuat box code untuk blogger – Halo! Selamat dating di artikel TB kali ini. Seperti biasa TB akan memberi informasi dan tips/trik seputar teknologi, internet, dan blogging setiap harinya. Pada kesempatan kali ini, saya akan memberi sebuah trik bagaimana cara membuat kotak untuk kode script atau yang biasa disebut juga box code di blog.

Apa itu box code?

Box code atau kotak kode adalah sebuah kotak yang isinya adalah kode script yang akan ditambahkan di artikel blog. Biasanya blog yang memerlukan widget ini adalah blog tutorial seputar pemrograman web.

Setelah mengerti pengertian dari kotak kode script di blog, bagaimana cara menambah box code untuk kode sript yang akan ditambahkan pada artikel blog?

Caranya cukup mudah. Perlu diketahui ada trik yang mudah, ada pula trik yang agak sulit. Tetapi pada artikel kali ini saya akan membagikan trik yang paling mudah. Kita akan melakukan beberapa proses. Yaitu menambahkan kode pada html blog, dan membuat kode pada postingan.

Berikut ini adalah contoh box codenya:

KODE HTML DISINI

Oke, tanpa basa basi lagi, cara membuat box code di artikel blog adalah sebagai berikut.

1. Pertama silahkan masuk ke akun blogger kamu .
2. Ketika akan menulis artikel, Ada 2 tab ketika akan menulis artikel. Yaitu Tab Compose dan HTML
3. Kamu harus masuk ke tab HTML pada artikel blog, kemudian tulis tag:

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

4. Setelah itu klik Tab compose .
5. Maka akan muncul sebuah kotak, itulah box kodenya

6. Nah, setelah itu tinggal ditulis deh di dalam kotaknya. Ingat, menulisnya harus di tab compose!

Nah itulah tadi cara menambah kode script pada artikel blog dengan mudah. Semoga artikel pada kali ini bermanfaat. Terima Kasih!