AABI‍TALITA BLOG
6.08.2012

Mempercantik Blog Dengan Border Text

Banyak cara yang bisa kita lakukan untuk mempercantik tulisan di blog dan salah satunya adalah dengan memberikan bingkai atau border tulisan. dengan memberikan tambahan border ,maka tidak hanya bagus untuk dilihat tapi juga terkesan menambah rapih penampilan blog kita.border tulisan ini bisa sobat letakan di kolom Posting ataupun di kolom Sidebar. Banyak hal yang bisa sobat lakukan dengan border/bingkai ini, contohnya membuat pengumuman,catatan,peringatan,dll.

Dibawah ini beberapa contoh bentuk border/bingkai beserta kodenya yang bisa sobat gunakan.

1. Solid

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

2. Dashed

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

3. Dotted

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

4. Double

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

5. Groove

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

6. Outset

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

7. Ridge

<div style="background-color: #4ab0b5; border: 4px ridge #000000; 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.
Sobat bisa menyesuaikan dengan selera sobat masing masing. untuk kode warna bisa dilihat disini 
Demikian semoga bermanfaat...

4 komentar

mantap dah .. tutornya

Keren rank 1 di google :D

makasi mas, :-)

thx dah mampir :)

Beritajowo.com, harian terkini dan budaya lokal serta kabar, bungah, budaya jawa, olahraga, nasional, internasional.

Beritajowo.com adalah sebuah portal web yang berisi berita dan artikel daring di Indonesia. beritajowo.com merupakan salah satu situs berita di Indonesia.

Terima kasih atas kunjungannya, silahkan berkomentar sesuai topik. Menuliskan link aktif tidak akan ditampilkan dalam komentar.Terima Kasih.