Variasi Gambar

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="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh2IfM1Shc7kyFCj7_rY50NsZSHMUBrooT2EB_856Ik0Q7AkwnOn1hiH408Qx9Wye0sXd2CVKt2xVr0MZOt4jXzVuD6RNhumniAUI0ZZeWMSpYAq8eZRgMUdISUoQXf6DnziSpIGkNlsZ8/s320/Banner+ads.gif"></div>



MAKA HASILNYA :

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="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh2IfM1Shc7kyFCj7_rY50NsZSHMUBrooT2EB_856Ik0Q7AkwnOn1hiH408Qx9Wye0sXd2CVKt2xVr0MZOt4jXzVuD6RNhumniAUI0ZZeWMSpYAq8eZRgMUdISUoQXf6DnziSpIGkNlsZ8/s320/Banner+ads.gif"></div>


MAKA HASILNYA:

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. https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh2IfM1Shc7kyFCj7_rY50NsZSHMUBrooT2EB_856Ik0Q7AkwnOn1hiH408Qx9Wye0sXd2CVKt2xVr0MZOt4jXzVuD6RNhumniAUI0ZZeWMSpYAq8eZRgMUdISUoQXf6DnziSpIGkNlsZ8/s320/Banner+ads.gif 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

Posted in: Tutorial Blog