Membuat Bingkai/Frame di Postingan Blog

      Sobat Maen Blogging pasti sering melihat sebuah frame di sebuah postingan blog. Biasanya frame ini digunakan untuk meletakkan script html agar lebih terlihat/mencolok di postingan dan pengunjung lebih mudah untuk mengcopy nya. Pada kesempatan kali ini Maen Blogging pengen coba share cara membuat bingkai/frame tersebut. Point terpentingnya, pastikan kalian meletakkan script berikut dalam mode HTML, bukan Compose yak

1. Solid

<div style="border: 1px solid #eeeee; background-color:#00CCFF; padding: 5px; width: auto;"> Tulisan,gambar,maupun kode script </div>

2. Dotted

<div style="border: 1px dotted #000000; background-color:#00CCFF; padding: 5px; width: auto;"> Tulisan,gambar,maupun kode script </div>

3. Double

<div style="border: 4px double #000000; background-color:#00CCFF; padding: 5px; width: auto;"> Tulisan,gambar,maupun kode script </div>

4. Groove

<div style="border: 4px groove #000000; background-color:#00CCFF; padding: 5px; width: auto;"> Tulisan,gambar,maupun kode script </div>

5. Dashed

<div style="background-color: #; border: 4px dashed #000000; padding: 5px; width: auto;">
Tulisan,gambar,maupun kode script</div>

6. Big Dotted

<div style="background-color: #; border: 5px dotted #000000; padding: 5px; width: auto;">
Tulisan,gambar,maupun kode script</div>

7. Groove

<div style="border: 3px groove #; background-color:#00CCFF; padding: 5px; width: auto;"> Tulisan,gambar,maupun kode script </div>

8. Solid with color background

<div style="border: 3px #000099 solid; padding: 5px; background-color: #00FFCC; text-align: left"> Tulisan,gambar,maupun kode script</div>