Cara Membuat Kotak Box Pada Postingan Blog

Pada kesempatan ini saya akan share artikel Cara membuat Kotak Box pada Postingan Blog, kotak box ini bertujuan untuk memisahkan tulisan dengan kode script yang akan kita letakan diantara tulisan keterangan lainnya, selain itu dengan mengunakan kotak box ini hasil postingan akan nampak rapi dengan posisi kode script yang teratur didalam kotaknya masing-masing sehingga sangat mempermudah para pembaca blog untuk mempergunakan kode yang kita bagikan dalam postingan tersebut.

Tampa mesti panjang lebar saya uraikan disini, mending langsung aja kita praktekan sob. berikut contoh kotak box dengan code script yang saya sediakan dibawah ini:

<div style="border: 2px #5f200e solid; padding: 10px; background-color: #d9da81; text-align: left;"> Kode Disini...</div>

<div style="border: 0; padding: 10px; background-color: #82CAFA; text-align: left;"> Kode Disini.....</div>

<div style="border: 2px #006400 ridge; padding: 10px; background-color:#c2c2c2; text-align: left;"> Kode Disini……</div>

<div style="border: 2px #006400 inset; padding: 10px; background-color: #d5839f; text-align: left;"> Kode Disini……</div>

<div style="border: 3px #5f200e  outset; padding: 10px; background-color: #d9da81; text-align: left;"> Kode Disini…….</div>

<div style="border: 3px #5f200e double; padding: 10px; background-color: #82CAFA; text-align: left;"> Kode Disini…….</div>

<div style="border: 2px #1B1A76 dotted; padding: 10px; background-color:#c2c2c2; text-align: left;"> Kode Disini……</div>

<div style="border: 2px #610B38 dashed; padding: 10px; background-color:#57AA52; tex>t-align: left;"> Kode Disini……</div>

Untuk mengunakan nya, tentu kalian harus login keblogger terlebih dahulu. silakan buat Entri Baru lalu pilih HTML dan copy paste kode diatas sesuai kesukaan kalian lalu klik Compose maka akan jadilah sebuah kotak box sesuai contoh diatas.

Keterangan:
1. Silakan ganti tulisan yang berwarna merah dengan kode script kamu
2. border: 3px (Ketebalan Kotak Script) dan silakan ganti kode warna kotak script sesuai keinginan
3. Pedding: 10px (Ukuran panjang kotak kebawah) sedang lebar otomatis sesuai lebar postingan
4. t-align left; (Posisi Tulisan Didalam Kotak Sebelah Kiri)

Demikian Artikel Cara Membuat Kotak Box pada Postingan Blog yang dapat saya bagikan buat sobat sekalian dan semoga artikel ini bermampaat. 

ARTIKEL TERKAIT: