Tips Gampang Membuat Link dengan Gambar (Logo atau Ban

Tips Gampang Membuat Link dengan Gambar (Logo atau Banner) | hallo sobat, pada kesempatan kali ini saya akan membagikan sebuah tips kepada kalian yaitu Tips Gampang Membuat Link dengan Gambar (Logo atau Banner). Pada artikel saya kali ini saya akan mencoba untuk menyajikan sebuah cara mudah membuat link namun dengan logo ataupun gambar.

Script atau kode yang bisa menghasilkan link dengan gambar atau gambar berlink terkadang dibutukan ketika kalian bertukar link (Link Exchange) dengan teman blogger kalian, atau ketika kalian sedang ingin membangun backlinks, atau ketika kalian promosi di situs orang lain, dan kalian menginginkan link yang kalian pasang tersebut menampilkan sebuah gambar baik itu gambar dari produk yang kalian jual yang sedang kalian promosikan atau gambar dengan logo dari blog kalian, dan ketika gambar tersebut di klik maka akan menuju halaman blog atau situs kalian tersebut.

Cara membuat link pada blogger dengan logo atau tampilan sebuah gambar sebenarnya sangatlah gampang, namun tidak sedikit para blogger masih kebingungan dengan bagaimana cara membuatnya. Ketika kita membuat sebuah link atau tautan, pada umumnya akan menampilkan text berwarna biru dengan garis bawah, namun tulisan tersebut bisa kita ganti dengan gambar caranya tentu saja dengan menggabungkan link dengan gambar tersebut.

Langkah-langkah dan cara membuat link dengan logo gambar?

Sekarang mari kita uraikan bagaimana cara membuatnya?

Untuk membuat sebuah link pada gambar cukup hanya dengan menggunakan script atau kode HTML, dengan cara menggabungkan antara perintah kode HTML tersebut untuk membuat link dengan perintah kode HTML untuk menampilkan gambar, sehingga gambar seolah-olah menjadi tombol link nantinya, langkah-langkah dan cara nya sebagai berikut :

Langkah #1:
Upload Gambar Yang akan digunakan
Langkah pertama yang harus kalian lakukan terlebih dahulu adalah kalian harus mengupload gambar yang akan kalian gunakan untuk link tersebut, langkah selanjutnya sebagai berikut.

Sediakanlah sebuah gambar yang akan kalian gunakan untuk link tersebut.
Silahkan Upload gambar tersebut, bisa kita upload atau kita unggah di blog yang kita miliki atau bisa juga di file hosting tertentu.

Untuk contoh kasus, kita akan mencoba meng-upload gambar pada blog agar lebih praktis, langkahnya sebagai berikut :

A. Bikin artikel baru, kemudian pada editor postingan, gunakan fasilitas untuk memasukkan gambar pada postingan, seperti yang terlihat pada gambar dibawah ini

B. Silahkan kalian upload atau unggah salah satu gambar yang akan kalian pasangkan nantinya, kemudian pilih gambar yang telah berhasil di upload sehingga akan muncul di halaman editor postingan seperti contoh gambar di bawah ini :

C. Setelah itu silahkan kalian pilih menu Salin Lokasi Tautan ( untuk mendapatkan lokasi url dari gambar tersebut), untuk sementara kemudian kalian paste ke Notepad, agar kalian tidak lupa nantinya.

Langkah #2:

Buat Script HTML Link dengan Gambar

Setelah kalian selesai menyiapkan gambar yang akan kalian gunakan untuk link yang akan dibuat, langkah berikutnya adalah menyiapkan kode script dalam kode HTML untuk membuat link dengan gambar.

Untuk membuat link dengan gambar Kita akan menggunakan kode HTML dengan menggabungkan kode HTML tersebut untuk membuat link dengan kode HTML untuk menampilkan gambar, hasil akhirnya silahkan kalian gunakan script kode HTML di bawah 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 Silahkan kalian gunakan pengaturan di bawa ini:

A. URL TUJUAN, Silahkan kalian isi dengan URL Tujuan misalnya (http://awenlianto.com)
Jika link tersebut di klik maka pengguna akan dibawa ke halaman awenlianto.com

B.URL_GAMBAR, Silahkan kalian masukkan url lokasi gambar yang sudah kalian upload dan kalian copy di notepad tadi itu.

C.LEBAR_GAMBAR, isi dengan angka, disarankan sesuaikan dengan lebar gambar yang digunakan tersebut.

D.TINGGI_GAMBAR, isi dengan angka, disarangkan juga sesuaikan dengan tinggi gambar yang telah digunakan.

E.JUDUL_GAMBAR, Silahkan kalian masukkan judul dari gambar tersebut.

F. DESKRIPSI_GAMBAR, Silahkan kalian isi dengan kata kunci yang kalian targetkan sesuai dengan halaman yang akan dituju tersebut, ini sebaiknya di isi untuk meningkatkan faktor SEO untuk gambar tersebut.

Sebagai contoh dari hasilnya bisa terlihat seperti kode di bawah ini

<a href='http://awenlianto.com' title='Awen Lianto'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjf0RSRsHKxuSX4hjENbApLj7HfHV0Wj5PzrFX-8GmNClN5p3wdr3y2TOCZeF42SzrqXT5SK8SRbuc2wLq1hTJS8jHhEwzZv__zcWKv8uUaKXqoOtHRQWyzjPrA7l_aeXmGTt2-pqoNJ8Sb/s1600/contoh+gambar.png' alt='Belajar Tips SEO' title='Awen Lianto' width='235' height='128' border='no' /></a>

dan hasilnya akan terlihat seperti gambar di atas:

Jika gambar tersebut di klik maka otomatis kalian akan di bawa ke halaman utama dari awenlianto.com

Demikianlah ulasan saya kali ini mengenai Tips Gampang Membuat Link dengan Gambar (Logo atau Banner) semoga tips yang saya berikan ini bermanfaat bagi kalian semua, Terimakasih telah berkunjung ke blog saya :D