Cara Menampilkan Banner

Cara menampilkan banner di blog. Banner adalah gambar yang melapisi link sebagai ganti teks, bila diklik maka akan menuju ke tautan yang terdapat pada image tadi. Gambar yang ditampilkan pun bersifat menarik pengunjung atau menggambarkan halaman yang akan dituju. Saya rasa setiap blogger sudah bisa membuatnya, tips ini hanya ditujukan untuk pengunjung yang merasa belum bisa membuat banner.

Sebelumnya yang harus kita persiapkan adalah gambar (image), gambar ini dapat dibuat oleh Anda sendiri dengan menggunakan berbagai editor gambar. Kemudian Letakkan (upload) gambar pada hosting Anda terlebih dahulu atau pada layanan free file hosting yang banyak tersedia. Kemudian catat alamat dari file image tersebut. Bila Anda ingin menampilkan gambar yang sudah banyak tersedia di internet coba Anda klik kanan pada gambar tadi dan pilih properties atau dengan cara mencoba untuk mendownload atau membuka gambar, catat alamat file tersebut. Selanjutnya ketikkan kode berikut ini:

<a href=”halaman web yang akan dituju” target=”_blank”><img src=”alamat image” alt=”Cara Membuat Banner” width=”125” height=”50“></a>

Silakan ganti tulisan yang berwarna merah sesuai dengan link tujuan yang ingin Anda pasang dan link di mana gambar diletakkan, ukuran lebar dan tinggi dari gambar silakan atur sesuai dengan ukuran gambar yang ingin ditampilkan (boleh juga dihilangkan) serta alt adalah alternatif lain jika browser diset tidak memanggil gambar maka yang tampil adalah tulisan tadi. Sebaiknya alt dipasang untuk memudahkan mesin pencari, karena gambar tidak bisa dibaca oleh search engine. Selain itu dapat juga ditambahkan border=”0″ jika ingin menghilangkan bingkai dari image. Sedangkan target=”_blank” bila ingin membuka link tadi pada jendela baru.

Contoh:

<a href=”http://heryantony.com/ebook” target=”_blank”><img src=”http://i517.photobucket.com/albums/u337/Heryan_Tony/bukupanduan.jpg” alt=”Buku Panduan” width=”125” height=”168“></a>

Hasilnya:

Buku Panduan

Selanjutnya ketika gambar diklik maka akan menuju halaman http://heryantony.com/ebook/. Selamat mencoba, semoga bermanfaat!

19 thoughts on “Cara Menampilkan Banner

  1. Achmad

    makin hari semakin manteb aza tips dan trik dari kang heryan, o ya kang heryan kalo kita ingin dapat mengukur besar kecilnya bener sesuai dengan keinginan kita bagaimana ya caranya.biar nanti bisa pas lebarnya jika di taruh pada widget kita.

    Balas
  2. Heryan Tony Penulis

    @Achmad
    Pengatur ukuran image bisa dari width dan height sesuai lebar sidebar. Sebaiknya kecilkan saja gambar melalui editor gambar, seperti photoshop simpan dengan pilihan web agar ukuran byte lebih kecil.

    Balas
  3. Ping-balik: Cara Membuat Tombol Link | Heryan Tony's Weblog

Tinggalkan Balasan

Alamat email Anda tidak akan dipublikasikan. Ruas yang wajib ditandai *