Cara Membuat Kode banner sederhana

Kali in saya akan sedikit berbagi tip tentang cara membuat banner sederhana, siapa tau ada yang masih binggung caranya... Kode untuk pemasangan banner sebenarnya tidaklah sulit. Langkah langkahnya sebagai berikut:

1 Buatlah sebuah gambar yang akan di jadikan banner... Atur ukuran gambar misalnya tinggi x lebar: 100 x 200 px, berarti bannernya nanti akan 100x 200 px...

2. Upload gambar yang akan dijadikan baner di suatu situs yang menyediakan tempat upload yang support dengan gambar.... Contohnya di album picasa, google site, photobucket dan lainnya.

3. Setelah gambar di upload, tulislah kode sebagai berikut:

<div style="text-align: center;">
<a href="http://fayescool.blogspot.com/" target="_blank">
<img alt="nama gambar" height="50px" src="http://3.bp.blogspot.com/xxxx.gif" width="100px" /></a></div>

Keterangan:

http://fayescool.blogspot.com/ => ganti dengan link tempat arahan/tujuan bila banner di klik...

http://3.bp.blogspot.com/xxxx.gif => ganti dengan alamat gambar dimana tadi kita upload

width=100px => ukuran lebar gambar (misalnya tadi 200 px maka akan terpotong otomatis menjadi 100 px

height="50px"=> sebaliknya ini ukuran tinggi

<div style="text-align: center;"> => agar gambar letaknya di tengah (bisa dihilangkan kok)

nama gambar => Ganti dengan nama gambar....
target="_blank" => Kalau banner di klik membuka halaman baru, kalau dihilangkan maka bila bannernya dikik tidak membuka halaman baru...

4. Kalau width dan height dihilangkan maka jadinya besar gambar sesuai ukuran gambar yang tadi di upload. maka kodenya menjadi:

<div style="text-align: center;">
<a href="http://fayescool.blogspot.com/">
<img alt="nama gambar"  src="http://3.bp.blogspot.com/xxxx.gif"  /></a></div>

Demikianlah cara membuat banner sederhana, adapun jenis banner yang lain bisa menggunakan kode java script atau html atau yang lainnya lagi... Terima kasih membaca dan berkunjung ke blog saya, di fayescool.blogspot.com.. Semoga berguna....

Posted by Fayes Cool » Rating 4.5 » at Friday, December 09, 2011

Postingan Terkait