Membuat Garis Tepi Posting, Sidebar, Dll

13 02 2010

Memperindah blog merupkan suatu hal yang sangat mengasah otak, karena otak terus berfikir untuk mencari sesuatu yang menarik yang akan digunakan didalam blog tersebut. Membuat garis tepi atau bingkai sebenarnya merupakan hal yang biasa, tapi dengan adanya garis tepi tersebut, tampilan diblog kita tampak terlihat lebih minimalis dan tidak terlalu terlihat penuh, sehingga pembaca menjadi bosan untuk melihat-lihat isi blog.

Langsung aja dah, berikut step by step dan jenis-jenis garis tepinya :

  • Pilih yang anda suka, kemudian Copy/Paste codding yang terdapat dibawah ini didalam area “HTML” kemudian tulis postingan yang anda inginkan dan kembali ke area “VISUAL”.
  • Dashed
<div style="border: 1px dashed #000000; background-color: #ffff00; width: 400px; padding: 5px;"><span style="color: #ff0000;">Tulis disini...</span></div>
  • Dotted
<div style="border: 1px dotted #000000; background-color: #ffff00; width: 400px; padding: 5px;">Tulis disini...</div>
  • Double
<div style="border: 4px double #000000; background-color: #ffff00; width: 400px; padding: 5px;">Tulis disini...</div>
  • Groove
<div style="border: 4px groove #000000; background-color: #ffff00; width: 400px; padding: 5px;">Tulis disini...</div>
  • Outset
<div style="border: 4px outset #000000; background-color: #ffff00; width: 400px; padding: 5px;">Tulis disini...</div>
  • Ridge
<div style="border: 4px ridge #000000; background-color: #ffff00; width: 400px; padding: 5px;">Tulis disini...</div>
  • Solid
<div style="border:1px solid #000000;background-color:#ffff00;width:400px;padding:5px;"><span style="color: #ff0000;">Tulis disini...</span></div>

Jadi deh, kerenkan? klo kalian mau mengganti warna backgroundnya, pada bagian “background-color: #ffff00” yang bertulis merah yang diganti kodenya. Jika belum mengetahui kode warna HTML, dapat dilihat pada situs CAMEX WAPMASTER.

Nah, ntu sedikit trick dari ane, semoga bermanfaat untuk anda yang membaca dan mempraktekannya🙂


Actions

Information

2 responses

7 01 2011
tomy2y

mantep

22 04 2011
Widian

siiip..

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s




%d bloggers like this: