Cara Membuat Bingkai Untuk Banner

Cara Membuat Bingkai Untuk Banner

Setelah kemarin saya membahas tentang cara membuat efek marquee dancara 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 bingkaiVariasi 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:
  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.jpgadalah 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

Penulis : Reza Pahlevi ~ Sebuah blog yang menyediakan berbagai macam informasi

Artikel Cara Membuat Bingkai Untuk Banner ini dipublish oleh Reza Pahlevi pada hari Kamis, 10 Januari 2013. Semoga artikel ini dapat bermanfaat.Terimakasih atas kunjungan Anda silahkan tinggalkan komentar.sudah ada 0 komentar: di postingan Cara Membuat Bingkai Untuk Banner
 

0 komentar:

Posting Komentar