Cara Pasang Bordir Blog Postingan

Hari makin siang aje ni dan makin panasa aja, namun biar cuaca panas tapi kali ini ane tak juga panas ni tangan untuk menulis postingan untuk anda semua. Nah anda mungkin merasa bingung untuk membuat bordiran postingan blog yang mana saat anda sedang menulis artikel di blog dan ingin membuat kolom atau kotak seperti ini :

MASUKAN TEKS DISINI

dan ini

MASUKAN TEKS DISINI

dan ini juga

MASUKAN TEKS DISINI

Nah anda merasa bingung ? mau tau cara nya ?
Next action.

• Login akun blogger
• Pilih Pos
• Entri baru
• Kalo udah nulis dan mau pasang bordir silahkan adan copy kode ini dan pastekan di HTML nya bukan Compos.

MEMBUAT BORDIR BLOG
BERGARIS GARIS PUTUS-PUTUS
<div style="border: 4px #345d15 dashed; padding: 10px; background-color: #eaeaea; text-align: left;"> MASUKAN TEKS DISINI </div>
GARIS LURUS
<div style="border: 4px #345d15 ridge; padding: 10px; background-color: #eaeaea; text-align: left;"> MASUKAN TEKS DISINI </div>
TITIK TITIK
<div style="border: 4px #345d15 dotted; padding: 10px; background-color: #eaeaea; text-align: left;"> MASUKAN TEKS DISINI </div>
GARIS LURUS TEBAL
<div style="border: 4px #345d15 solid; padding: 10px; background-color: #eaeaea; text-align: left"> MASUKAN TEKS DISINI </div>
LAIN LAIN
<div style="border: 4px #345d15 inset; padding: 10px; background-color: #eaeaea; text-align: left;"> MASUKAN TEKS DISINI </div>

<div style="border: 4px #345d15 outset; padding: 10px; background-color: #eaeaea; text-align: left;"> MASUKAN TEKS DISINI </div>

BORDIR SCROLL
<div style="border: 4px #345d15 solid; padding: 10px; background-color: #eaeaea; overflow: auto; height: 60px; width: 260px; text-align: left;"> TULIS MASUKAN TEKS DISINI </div>



BINGKAY

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

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

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

<div style="border: 4px double #000000; background-color:#00CCFF; padding: 5px; width: 400px;">
Tulisan Anda...
</div>

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

<div style="border: 4px outset #000000; background-color:#00CCFF; padding: 5px; width: 400px;">
Tulisan Anda...
</div>

<div style="border: 4px ridge #000000; background-color:#00CCFF; padding: 5px; width: 400px;">
Tulisan Anda...
</div>

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

• Setelah paste kan di HTML lalu di composkan 
• Dan liat hasilnya.

 Sekian postingan ane kali ini .Dan selamat mencoba semoga berhasil. Terimakasih anda telah mambaca Cara Pasang Bordir Blog Postingan.

Share this article: