logo blog
Selamat Datang Di Blog KemejingNet
Terima kasih atas kunjungan Anda di blog KemejingNet,
semoga apa yang saya share di sini bisa bermanfaat dan memberikan motivasi pada kita semua
untuk terus berkarya dan berbuat sesuatu yang bisa berguna untuk orang banyak.

Cara Membuat Link Pada Sebuah Gambar Atau Banner

KemejingNetCara 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.
Enter your email address to get update from KemejingNet.
Print PDF
Next
« Prev Post
Previous
Next Post »

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?

Balas

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

Balas

simpel ya mas carane, trim sangat

Balas

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

Balas

Ndak mas, akan ttp muncul

Balas

Silahkan dicoba

Balas

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

Balas

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

Balas

penggunaan alt dan title emang harus, termasuk SEO itu

Balas

Pelajaran baru dari mas ahmad, sukses terus gan.

Balas

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.

Copyright © 2016. KemejingNet - All Rights Reserved | Template Created by Kompi Ajaib Modification by KemejingNet Proudly powered by Blogger