April 27, 2009 Oleh Heryan Tony 19

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=”https://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 https://heryantony.com/ebook/. Selamat mencoba, semoga bermanfaat!