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>
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/remoxp/remo-xp.jpg"></div>
Maka akan terlihat seperti ini:
Beberapa script yang perlu anda edit:
- Code border:6px berfungsi untuk ketebalan garis, silahkan ganti angka 6 dengan angka yang anda inginkan. (suka-suka) Heheh
- Code 80ff00 merupakan code warna untuk warna garis nya.
- Code padding:5px merupakan code untuk membuat jarak antara objek dengan garis.
- http://i642.photobucket.com/albums/uu147/remoxp/remo-xp.jpg adalah URL gambar nya, ganti dengan URL gambar sobat. Okeh
Dotted : Efek untuk membuat titik-titik
Solid : Efek untuk membuat garis
Dashed : Efek garis putus-putus
Selamat mencoba, semoga bermanfaat
sumber : remo-xp.com
Tidak ada komentar:
Posting Komentar
Komentarlah yg baik dan benar no sara :) !!!