Tab Menu

Rabu, 12 Maret 2014

Cara menambah bingkai bordir pada postingan Blog

Jika kita memposting suatu artikel tentunya kita menginginkan sesuatu yang bervariasi sehingga menarik untuk di baca dan di lihat. Salah satunya dengan menambahkan aneka bingkai bordiran pada suatu postingan. Nah untuk itu kali ini saya akan membahas bagaimana cara menambahkan bingkai bordiran pada postingan.

Caranya sebagai berikut :

1. Login ke blogger
2. Klik Entri Baru
3. Tulis apa yang mau anda tulis, jika ingin memasang bordir di antara tulisan yang anda buat, maka copy kode dibawah ini (jangan lupa edit pada HTML)
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>


BORDIR SCROLL
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>

Selamat Berkreasi :D

Tidak ada komentar:

Posting Komentar