Cara Membuat Bingkai Untuk Banner

Monday, August 22, 2011

Pada kesempatan kali ini saya akan mencoba memberikan tips untuk mempercantik tampilan blog anda, khususnya blogger yang sangat di cintai. Hehehe

Banyak cara agar blog kita bisa terlihat lebih di mata visitor (pengunjung), salah satunya ialah menggunakan variasi bingkai. Variasi bingkai dapat digunakan untuk mempercantik banner, kotak gadget dan lain-lain.

Disini saya akan memberikan sedikit contoh mengenai tata cara menggunakan variasi bingkai untuk mempercantik banner sobat blogger.
Pertama, varisiasi bingkai menggunakan gari lurus :

<div style="overflow:no; width:175px; height:100%px; border:6px solid #80ff00; padding: 5px;"><img border="0" src="http://i642.photobucket.com/albums/uu147/caracepat/indo.jpg"></div>

Maka hasilnya akan terlihat seperti ini:




Kedua, variasi bingkai dengan titik-titik:


<div style="overflow:no; width:175px; height:100%px; border:6px dotted #80ff00; padding: 5px;"><img border="0" src=http://i642.photobucket.com/albums/uu147/caracepat/indo.jpg></div>

Maka akan terlihat seperti ini:



Beberapa script yang perlu anda edit:
  1. Code border:6px berfungsi untuk ketebalan garis, silahkan ganti angka 6 dengan angka yang anda inginkan. (suka-suka) Heheh

  2. Code 80ff00 merupakan code warna untuk warna garis nya.

  3. Code padding:5px merupakan code untuk membuat jarak antara objek dengan garis.

  4. http://i642.photobucket.com/albums/uu147/caracepat/indo.jpg adalah URL gambar nya, ganti dengan URL gambar sobat. Okeh

Selain itu, sobat blogger juga bisa bereksperimen dengan mengganti efek bingkai nya, seperti dotted, solid, dashed, dll.

Dotted : Efek untuk membuat titik-titik
Solid : Efek untuk membuat garis
Dashed : Efek garis putus-putus

Selamat mencoba, semoga bermanfaat