Cara Membuat Link Pada Sebuah Gambar Atau Banner

Tags

Cara Membuat Link Pada Sebuah Gambar Atau Banner. Link pada sebuah gambar umumnya dipakai pada sebuah banner yang ada di sebuah situs baik itu blog maupun web lainnya. Dengan membuat link pada sebuah gambar, nantinya jika gambar tersebut di klik, maka akan diarahkan pada alamat tertentu yang menuju kesebuah situs maupun laman lain.

Cara ini sering digunakan pada berbagai banner iklan yang dipasang pada situs, entah itu yang berada di sidebar maupun header dan juga tempat yang lain. Pada artikel kali ini, kemejingnet, akan berbagi bagaimana caranya membuat link pada gambar tersebut. Walaupun blog lain sudah banyak yang membagikan, tapi tidak ada salahnya juga, bila saya juga ikut berbagi yang tentunya dengan versi kemejinget.

link-image

Ok, langsung saja berikut langkah-langkahnya :

1. Copy kode dibawah ini kemudian simpan pada notepad.

<a title="Title Gambar" href="Url Tujuan Gambar" target="_blank"><img alt="Alt Gambar"src="Url Gambar" width="300px"height="250px"/></a>

Keterangan:
  • Title Gambar :  Isi dengan deskripsi gambar
  • Url Tujuan Gambar : Link alamat tujuan gambar
  • Alt Gambar : Nama Gambar
  • Url Gambar : Alamat Gambar
  • 300px : Ukuran Lebar Gambar (sesuaikan dengan ukuran lebar gambar)
  • 250px : Ukuran Tinggi Gambar (sesuaikan dengan ukuran tinggi gambar)

2. Persiapkan gambarnya terlebih dahulu, gambar bisa berupa banner dengan ukuran 728x90 untuk header dan 300x250 untuk sidebar, atau bisa juga menyesuaikan kebutuhan.

3. Untuk mendapatkan url gambarnya, tentu terlebih dahulu gambar harus di uploade terlebih dahulu kedalam situs penghosting milik anda. Bagi pemilik blog gambar bisa di uploade ke blog untuk mendapatkan url gambarnya.

4. Bila Anda meng-uploade gambar Anda melalui blog, setelah gambar ter-uploade silahkan ambil url gambarnya dengan cara klik kanan lalu copy image address. Lihat gambar berikut.

Url-Gambar

5. Pastekkan link image address yang telah anda copy pada Url Gambar.

6. Hasil lengkap dari cara membuat link pada sebuah gambar atau banner adalah seperti kode dibawah ini.

<a title="Logo Blog Kemejingnet" href="http://www.kemejingnet.com" target="_blank"><img alt="LogoBlog"src="https://4.bp.blogspot.com/-zgf64eu70M8/WB9ihYv8INI/AAAAAAAAGXY/bUjMrtHCtYM6cuIV8feTJnbS7VkQ0dYggCLcB/s400/Link-Image.jpg" width="300px"height="250px"/></a>

7. Bila Anda ingin memasangnya di widget sidebar, silahkan buka tata letak, pilih tambahkan gadget pilih HTML/Javasckript, lalu pastekan kode tersebut dan klik simpan, Lihat hasilnya.

Demikian Cara Membuat Link Pada Sebuah Gambar Atau Banner, selamat mencoba semoga bermanfaat. salam bloggerand happy blogging.

10 komentar

Mas Kalo gambarnya di upload ke blog, setelah diambil linknya trus saya hapus lagi gambarnya apa nanti gambar yg tak ambil linknya aja akan ikut hilang?

wah bru tau caranya mas krna blum prnh nyoba, makasih mas sharingnya^^

simpel ya mas carane, trim sangat

link gambar atau banner tentu sangat dibutuhkan sebab fungsi bannaer atau gambar jadi kurang greget kalau nggak ada linknya atuh mang...ilmunya dicopas yah

Ndak mas, akan ttp muncul

Iya Kang, cukup simple, cuma butuh beberapa sckrip aja.

Iya Mang Lembu, silahkan di copas, semua jg boleh kok. :)

penggunaan alt dan title emang harus, termasuk SEO itu

Pelajaran baru dari mas ahmad, sukses terus gan.

Terima kasih atas kunjungan dan komentar Anda yang sesuai dengan topik, mohon maaf bila kadang telat berkunjung balik.

Maaf link hidup tidak akan tampil disini, berkomentar yang baik itu salah satu cara mendapatkan backlink yang baik.
EmoticonEmoticon