Cara Menampilkan Banner

oleh Heryan Tony dalam Blogging Tips pada 27-04-2009 jam 9:52 am

Tags: , , , ,

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!

Dapatkan Update Terbaru via Email DAFTAR SEKARANG!



Comments:

Makasih sobat
Postinganmu sungguh bermanfaat

makasih buat tutorialnya

Taktiku’s last blog post..Download Game Crazy Hospital (Rumah Sakit Misterius)

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.

@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.

baca-baca dulu

@Achoey, Taktiku
sama2, dong

@Sunarno
monggo,mas 😉

plg mantap mmg klo ketemu blog yg suka berbagi ilmu, khan bs nambah pahala..hehe…
mksh infonya y.. :)
salam kenal

Thx, kenal kembali, mbak

Nyari yg banner otomatis brubah dgn sendirinya buat blog platform blogspot… ada gak mas??

Brandal Surga’s last blog post..Karma Brandal Surga

Pakai javascript biasanya, mas

javascriptnya bagaimana mas???

hamka’s last blog post..We Called Paid Review

JSnya download dari sini, mas. Tapi itu bukan saya yang bikin, mas 😉

[…] Cara Menampilkan Banner […]

Terima kasih, informasi yang bagus

All About Game’s last blog post..Game Word Craft

terima kasih saya pemula sangat terbantu dgn artikel anda…

makasi infonya mas,ini sngat membantu buat saya,trims broeda.blogspot.com

terima kasih banya atas informasi dan ilmunya

Pasang iklan kirim berita gratis tanpa daftar langsung tayang

klik di sini
http://jasaiklanbarista.com

oke deh saya cobaaaaaaaaaaaaaaa

Mohon Tinggalkan Komentar, Terima Kasih