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

Blog tip N trik

• Cara Memasang Rating Bintang Rich Snippets Pada Blogspot
• Trik membuat tulisan berjalan (marquee)
• CONVERT CODE HTML, JAVASCRIPT, CSS, DAN SEJENISNYA
• Cara Memasang Link Pada sebuah Gambar
• Membuat Spoiler (tombol Buka Tutup)
• Pengeditan Template Blogger Tampilan Baru Kurang Maksimal?
• Cara membuat Spoiler Di Komentar Blogspot
• Membuat spoiler di komentar treaded/bertingkat Blogspot
• Membuat spoiler di komentar Blogspot Non Treaded
• Ngerjain Autoblog Rssforward.com offpage
• Ngerjain Autoblog Yang Menforward Feed Kita
• Cara pasang Widget statistik Histats
• Review Komentar untuk Menambah Ide Postingan
• Test kecepatan web (GOOGLE PAGE SPEED ONLINE)
• Anti klik kanan mouse dan Keyboard tanpa script yang panjang
• Pasang widget follower/pengikut asli dan modifikasi sesuka hati
• Anti adblock 2.00 lindungi situs anda dari adblock
• Pasang tombol google +1 di wordpress dan blogspot
• Cara membuat link bergoyang dombret
• Membuat Sumber Otomatis bila ada yang kopas