Membuat Bingkai Pada Postingan Blog

Membuat Bingkai Pada Postingan Blog - Pada bahasan sebelumnya, telah saya tulis bagaimana cara membuat Kotak Scroll dan Kotak Copy All pada postingan. Jika kali ini saya akan memberi informasi bagaimana cara Membuat Bingkai Pada Postingan Blog.

Membuat Bingkai Pada Postingan Blog:

• 1. Pilih yang mana sobat inginkan:

1. Dashed

<div style="border: 1px dashed #000000; background-color:lime; padding: 5px; width: 300px;">Disini Tulisan Sobat</div>

2. Dotted

<div style="border: 1px dotted #000000; background-color:lime; padding: 5px; width: 300px;">Disini Tulisan Sobat</div>

3. Solid

<div style="border: 1px solid #000000; background-color:lime; padding: 5px; width: 300px;">Disini Tulisan Sobat</div>

4. Groove

<div style="border: 4px groove #000000; background-color:lime; padding: 5px; width: 300px;">Disini Tulisan Sobat</div>

5. Double

<div style="border: 4px double #000000; background-color:lime; padding: 5px; width: 300px;">Disini Tulisan Sobat</div>

6. Ridge

<div style="border: 4px ridge #000000; background-color:lime; padding: 5px; width: 300px;">Disini Tulisan Sobat</div>

7. Outset

<div style="border: 4px outset #000000; background-color:lime; padding: 5px; width: 300px;">Disini Tulisan Sobat</div>

• 2. Jika sudah, ambil kode tersebut lalu masukan pada kolom HTML, bukan compose. 
• 3. Selesai

Keterangan:

border: Tebal tipisnya jenis dan warna bingkai
background-color: Warna latar bingkai (jika tidak menginkan ada warna, bisa sobat hapus)
padding: Jarak antar bingkai dengan tulisan
widgth: Lebar bingkai

Begitulah cara Membuat Bingkai Pada Postingan Blog. Semoga bermanfaat untuk sobat.