Cara Membuat Bingkai Untuk Banner

Posted by Bad-Angel On Senin, 14 November 2011 1 komentar
Setelah kemarin saya membahas tentang cara membuat efek marquee dan cara memasang gambar di sudut layar, 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/remoxp/remo-xp.jpg"></div>



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/remoxp/remo-xp.jpg"></div>

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/remoxp/remo-xp.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

1 komentar:

Bad-Angel mengatakan...

Berkomentar donk..!!

Posting Komentar