Membuat Bingkai untuk Tulisan di Posting dan Sidebar

          Memercantik Blog Mungkin Hal yang utama jika Blog anda ingin menarik.Salahsatunya adalah Membuat Bingkai untuk Tulisan di Posting dan Sidebar.bingkai ini berfungsi bila anda ingin memberikan peringatan,catatan,kode script dll.
Dibawah ini saya Share beberapa bingkai,dan tentunya masih bayak lagi yang lain.

1. Double

<div style="background-color: silver; border: 7px double #ffffff; padding: 5px; width: 400px;">
Tulis disini...
</div>

2. Dotted

<div style="background-color: #fccccf; border: 4px dotted #000000; padding: 5px; width: 400px;">
Tulis disini...
</div>

3. Dashed

<div style="background-color: #00ff11; border: 4px dashed #000000; padding: 5px; width: 400px;">
Tulis disini...
</div>

4. Solid

<div style="border: 1px solid #000000; background-color:#00CCFF; padding: 5px; width: 400px;">
Tulis disini...
</div>

5. Groove

<div style="background-color: #00ccff; border: 4px groove #000000; padding: 5px; width: 400px;">
Tulis disini...
</div>

6. Ridge

<div style="background-color: #ff7700; border: 4px ridge #fff000; padding: 5px; width: 400px;">
Tulis disini...
</div>

7. Outset

<div style="background-color: #fff333; border: 4px outset #004444; padding: 5px; width: 400px;">
Tulis disini...
</div>

Keterangan:

-border: tebal tipisnya, jenis dan warna bingkai.
-background-color: warna latar bingkai.
-padding: jarak antar bingkai dengan tulisan.
-width: lebar bingkai.

Cara memasang pada posting :

-Copy-kan kode diatas dalam area “Edit HTML” dan tulis artikel anda hingga selesai dan kembali ke mode “Compose“.


Selamat Mencoba...

TULISAN BERJALAN INI SILAHKAN DIISI DENGAN PESAN ANDA

NAMA ANDA - 13.11

MASUKKAN TOMBOL TWEET DISINI