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:
Selanjutnya ketika gambar diklik maka akan menuju halaman https://heryantony.com/ebook/. Selamat mencoba, semoga bermanfaat!
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