Cara Gampang Menciptakan Link Dengan Gambar (Logo Atau Banner)

Redaksi PetiknetKamis, 27 Agustus 2015 | 13:52 WIB

PETIK.NET - Di rtikel sebelumnya aku pernah menyajikan artikel mengenai apa itu link ?, di artikel kali ini aku akan coba menyajikan bagaimana cara gampang membut link namun dengan menggunakan sebuah logo atau gambar, artikel ini dibentuk karena banyaknya pertanyaan mengenai bagaimana cara membuat sebuah link namun yang tampil untuk link tersebut adalah sebuah gambar mirip logo atau banner, bila gambar tersebut di-click maka akan masuk ke url yang aku pasang untuk link tersebut.

Script atau code untuk menghasilkan link dengan gambar atau gambar berlink terkadang diharapkan dikala anda bertukar link (link exchange) dengan sahabat blogger anda, atau dikala 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 saat gambar tersebut di klik maka akan menuju halaman blog atau situs anda.

Cara membuat link pada blogger dengan logo atau tapilan sebuah gambar bahwasanya sangatlah mudah, namun tidak sedikit blogger masih gundah bagaimana cara membuatnya. Ketika kita menciptakan sebuah link atau tautan, pada umunya akan menampilan text berwarna biru dengan garis bawah, namun goresan pena tersebut mampu kita ganti dengan gambar caranya tentu saja dengan menggabungkan link dengan gambar.

Langkah-langkah cara menciptakan link dengan logo gambar?

Sekarang mari kita uraikan bagaimana cara membuatnya?

Untuk membuat link pada gambar cukup dengan memakai script/aba-aba HTML, dengan cara menggabungkan antara perintah instruksi HTML untuk menciptakan link dengan perintah isyarat HTML untuk menampilkan gambar, sehingga gambar seakan-akan menjadi tombol link nantinya,  langkah-langkahnya adalah sebagai berikut:

Langkah #1: 

Upload GambarYang akan dipakai

Langkah pertama yang harus anda lakukan yakni anda harus mengupload gambar yang akan anda gunakan untuk link tersebut, langkah-langkanya yaitu sebagai berikut:

1. Sediakan sebuah gambar yang akan anda pasang untuk link tersebut.

2. Silahkan Upload gambar tersebut, mampu kita upload atau unggah di blog yang kita miliki, atau mampu juga di file hosting tertentu.

Untuk pola kasus, kita akan coba meng-upload gambar pada blog semoga lebih simpel, langkahnya ialah sebagai berikut:

a. Bikin artikel gres, lalu pada editor postingan, gunakan kemudahan untuk memasukan gambar pada postingan, seperti terlihat pada gambar dibawah ini:

Cara Gampang Menciptakan Link Dengan Gambar (Logo Atau Banner)

b. Silahkan upload atau unggah gambar yang akan anda pasang, kemudian pilih gambar yang telah berhasil di upload sehingga muncul di editor postingan seperti gambar dibawah ini:

Di rtikel sebelumnya saya pernah menyajikan artikel mengenai  Cara Mudah Membuat Link dengan Gambar (Logo atau Banner)

c. Silahkan pilih menu Salin Lokasi Tautan (untuk mendapatkan lokasi url dari gambar tersebut), kemudian paste untuk sementara di Notepad, supaya tidak lupa.

Langkah #2: 

Buat Script HTML Link dengan Gambar

Setelah anda meyiapkan gambar yang akan digunakan untuk link yang akan dibentuk, langkah berikutnya yakni menyiapkan script dalam arahan HTML untuk menciptakan link dengan gambar.

Untuk menciptakan link dengan gambar Kita akan gunakan instruksi html dengan menggabungkan instruksi html untuk membuat link dengan isyarat html untuk menampilkan gambar, hasil balasannya silahkan anda gunakan script arahan html dibawah ini:

href=’URL_TUJUAN‘>

         src=’URL_GAMBARwidth=’LEBAR_GAMBARheight=’TINGGI_GAMBARtitle=’JUDUL_GAMBARalt=’DESKRIPSI GAMBARborder=’none’ />

Kemudian Silahkan anda gunakan pengaturan dibawah ini:

a. URL_TUJUAN, Silahkan anda isi dengan url tujuan misal (http://), jika link tersebut di klik maka pengguna akan dibawa halaman .

b. URL_GAMBAR, Silahkan anda masukan url lokasi gambar yang sudah anda upload dan anda kopi di notepad sebelumnya.

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

d. TINGGI_GAMBAR, isi dengan angka, disarankan sesuaikan dengan tinggi gambar yang digunakan.

e. JUDUL_GAMBAR, silahkan masukan judul dari gambar.

f. DESKRIPSI_GAMBAR, Silahkan anda isi dengan kata kunci yang anda target yang sesuai dengan halaman yang akan dituju, ini sebaiknya diisi untuk meningkatkan Faktor SEO untuk gambar tersebut.

Sebagai acuan balasannya bisa terlihat seperti arahan dibawah ini:

blog untuk belajar seo dan blog

dan hasilnya terlihat mirip gambar dibawah ini:

Di rtikel sebelumnya saya pernah menyajikan artikel mengenai  Cara Mudah Membuat Link dengan Gambar (Logo atau Banner)

Jika gambar tersebut di klik maka anda akan dibawa ke halaman utama

Demikian artikel sederhana ihwal Cara Praktis Membuat Link dengan Gambar (Logo atau Banner), selamat mencoba dan supaya bermanfaat.