Cara Membuat Link Dengan Gambar

CARA MUDAH MEMBUAT LINK DENGAN GAMBAR

Hal ni mengenai bagaimana cara membuat sebuah Link namun yang tampil untuk Link tersebut adalah sebuah gambar seperti Logo atau Banner, jika gambar ersebut di klik maka akan masuk ke url yang di pasang tersebut.  

Cara Membuat Link Dengan Gambar

Script atau code untuk menghasilkan Link dengan gambar atau gambar ber Link terkadang dibutuhkan ketika anda hendak bertukar Link (Link Exchange) dengan teman blogger anda atau ketika anda membangun backlink, atau ketika anda promosi di situs orang lain dan anda menginginkan Link yang anda pasang tersebut menampilkan sebuah gambar baik itu gambar dari produk yang anda jual yang sedang anda promosikan atau gambar dengan logo dari blog anda dan ketika gambar tersebut di klik maka akan menuju gambar blog atau situs anda.

Cara membuat Link pada blogger dengan logo atau tampilan sebuah gambar sebenarnya sangatlah mudah namun tidak sedikit blogger masih bingung bagaimana cara membuatnya. Ketika kita membuat sebuah Link atau tautan, pada umumnya akan menampilkan teks berwarna biru dengan garis bawah   namun tulisan tersebut bisa kita ganti dengan gambar tentu saja dengan menggambungkan Link dengan gambar.

Untuk membuat Link pada gambar cukup dengan menggunakan Script/Kode HTML dengan cara menggabungkan antara perintah Kode HTML untuk menampilkan gambar sehingga gambar seolah-olah menjadi tombol Link nantinya, langkah-langkahnya sebagai berikut :

A.    Langkah 1 

Upload Gambar yang akan di gunakan, langkah-langkahnya sebagai berikut :

1.    Sediakan gambar yang akan anda akan pasang untuk Link tersebut.

2.    Silahkan upload gambar tersebut atau unggah di Blog yang kita miliki, atau bisa juga di file hosting tertentu.

Untuk contoh kasus kita akan coba meng upload gambar pada blog agar lebih praktis langkah-langkahnya :

• Bikin artikel baru. Kemudian pada editor setingan gunakan fasilitas untuk memasukan gambar pada postingan seperti terlihat pada gambar di bawah ini :

Sebagai Contoh Gambar Dibawah Ini Akan Menuju Blog Saya Yang Satunya Lagi,Coba Saja jika tidak percaya,Sebagai Percobaan : 

• Silahkan pilih salin Lokasi Tautan (untuk mendapatkan lokasi url dari gmbar tersebut) kemudian untuk sementara paste di notepad biar tidak lupa.

B.    Langkah 2

Buat Script HTML Link dengan Gambar

Setelah anda menyiapkan gambar yang akan dugunakan untuk link yang akan dibuat, langkah berikutnya adalah menyiapkan script dalam kode HTML untuk membuat link dengan gambar.

Untuk membuat Link dengan gambar kita akan gunakan kode HTML dengan menggabungkan kode html untuk membuat link dengan kode html untuk menampilkan gambar, hasil akhirnya silahkan anda gunakan script kode html dibawah ini:

<a href='URL_TUJUAN'>

         <img src='URL_GAMBAR' width='LEBAR_GAMBAR' height='TINGGI_GAMBAR' title='JUDUL_GAMBAR' alt='DESKRIPSI GAMBAR' border='none' />

</a>

Kemudian Atur Sesuai Dengan Keinginan Anda :

1. URL TUJUAN silahan anda isi dengan url tujuan missal ( http://www.gudangfirmwere.com/ ) jika link tersebut di klik maka pengguna akan dibawa ke halaman http://www.gudangfirmwere.com/
2. URL GAMBAR silahkan anda masuan url lokasi gambar yang sudah anda upload da anda kopi di notepad sebelumnya.
3. LEBAR GAMBAR, isi dengan angka disarankan sesuaikan dengan lebar gambar yang digunakan.
4. TINGGI GAMBAR, silahkan isi dengan angka disarankan sesuaikan dengan tinggi gambar yang digunakan.
5. JUDUL GAMBAR, silahkan masukan judul dari gambar
6. DESKRIPSI GAMBAR, silahkan anda isikan dengan kata kunci yang anda target yang sesuai 

dengan halaman yang akan dituju ini sebaiknya di isi untuk meningkatkan factor SEO untuk gambar tersebut 

Demikian adalah cara Membuat link dengan gambar,semoga bermanfaat,jika ada kendala silahkan tanyakan melalui kolom komentar.

Share this post