Contoh dan Cara Membuat Kolom atau Bingkai di Blog

Contoh dan Cara Membuat Kolom atau Bingkai di Blog

Ok blogers, kali ini saya akan memberikan sedikit tips Cara Membuat Kolom atau Bingkai di blog, ini adalah salah satu cara untuk mempercantik tampilan blog kalian agar pengunjung tidak bosan dalam membaca artikel yang kalian buat.

Ada banyak sekali model frame atau bingkai yang bisa kalian buat, disini akan berikan beberapa contoh saja, untuk selebihnya nanti kalian bisa buat sendiri.

1. Solid
   <div style="background-color: #5a5a5a; border: 8px solid #00FF00; padding: 5px; width: 400px;">

   Tulisan Kalian Di sini...

   </div>


2. Dashed
   <div style="background-color: #5a5a5a; border: 8px dashed #00FF00; padding: 5px; width: 400px;">

   Tulisan Kalian Di sini...

   </div>.


3. Dotted
   <div style="background-color: #5a5a5a; border: 8px dotted #00FF00; padding: 5px; width: 400px;">

   Tulisan Kalian Di sini...

   </div>


4. Double
   <div style="background-color: #5a5a5a; border: 8px double #00FF00; padding: 5px; width: 400px;">

   Tulisan Kalian Di sini...

   </div>


5. Groove
   <div style="background-color: #5a5a5a; border: 8px groove #00FF00; padding: 5px; width: 400px;">

   Tulisan Kalian Di sini...

   </div>


6. Ridge
   <div style="background-color: #5a5a5a; border: 8px ridge #00FF00; padding: 5px; width: 400px;">

   Tulisan Kalian Di sini...

   </div>


7. Outset
   <div style="background-color: #5a5a5a; border: 8px outset #00FF00; padding: 5px; width: 400px;">

   Tulisan Kalian Di sini...

   </div>

Keterangan:

background-color: warna latar bingkai.

border: tebal tipisnya, jenis dan warna bingkai.

padding: jarak antar bingkai dengan tulisan.

width: lebar bingkai.

Cara Pemasanganya :
Copy-kan kode diatas dalam mode “HTML" Kemudian kembali ke Composedan tulis artikel anda hingga selesai, jika menghendaki.