CARA MUDAH MEMBUAT LINK DENGAN GAMBAR (LOGOATAU BANNER)

CARA MUDAH MEMBUAT LINK DENGAN GAMBAR (LOGOATAU BANNER)
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.
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.
Langkah-Langkah cara membuat Link dengan Logo Gambar
Sekarang mari kita uraikan bagaimana cara membuatnya
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 aan 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 :
a.    Biki artikel baru. Kemudian pada editor setingan gunakan failitas untuk memasukan gambar ada postingan seperti terlihat pada gambar di bawah ini :
       
b.    Silahkan upload gambar yang anda akan pasang kemudian pilihan gambar yang berhasil di upload akan muncul editor seperti dibawah ini :

c.    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 S ript 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 slahkan anda gunakan pengaturan dibawah ni :
a.    URL TUJUAN silahan anda isi dengan url tujuan missal (http://travellanesia.blogspot.co.id/) jika link tersebut di klik maka pengguna akan dibawa ke halaman travellanesia.blogspot.co.id
b.    URL GAMBAR silahkan anda masuan url lokasi gambar yang sudah anda upload da anda kopi di notepad sebelumnya.
c.    LEBAR GAMBAR, isi dengan angka disarankan sesuaikan dengan lebar gambar yang digunakan.
d.    TINGGI GAMBAR, silahkan isi dengan angka disarankan sesuaikan dengan tinggi gambar yang digunakan.
e.    JUDUL GAMBAR, silahkan masukan judul dari gambar
f.    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

Sebagai contoh haslnya terlihat seperti Kode dibawah ini :



Demikian semoga bermanfaat