Senin, 22 Agustus 2011

Cara Membuat Bingkai Untuk Banner

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

0 komentar:

Template by : kendhin x-template.blogspot.com
SELAMAT DATANG DI DOWNLOADGRATIS-NET.BLOGSPOT.COM|BELAJAR TUTORIAL BLOGSPOT|FREE DOWNLOAD SOFTWARE FULL VERSION AND FULL CRACK|BELAJAR SEO|TIPS BELAJAR ADSENSE|DAN LAIN-LAIN