Cara Menciptakan Link Dengan Gambar
Cara Membuat Link dengan Gambar atau Logo - Link atau hyperlink dalam konteks blogger merupakan tautan atau penghubung antar halaman. Suatu halaman mempunyai kekerabatan yang terkait dengan halaman lain.
Sebenarnya ada banyak bentuk link, yakni antara lain teks, tombol, dan gambar. Namun sesuai dengan topik yang akan kita bahas sekarang, saya akan share artikel bagaimana menciptakan sebuah link dengan menampilkan sebuah logo atau gambar. Jika pointer kursor mouse anda letakkan pada gambar, biasanya pointer akan berubah bentuk menjadi icon tangan atau icon lain yang sudah di setting secara khusus. Perubahan ini sebagai tanda bahwa gambar tersebut ialah sebuah link. Apabila gambar di klik, maka pengunjung atau pembaca akan diarahkan ke halaman lain yang sebelumnya telah di setting oleh pemilik blog.
Apa fungsi Link dengan Gambar?
Link dengan gambar atau gambar berlink terkadang dipakai saat anda melaksanakan tukar link (link exchange) dengan blogger lain, atau saat anda melaksanakan promosi di situs orang lain dan anda menginginkan link yang anda pasang menampilkan sebuah gambar, baik itu gambar banner dari produk yang akan anda jual atau logo dari blog anda. Dan saat gambar atau logo tersebut di klik maka akan mengarah ke halaman blog anda, ibarat yang sudah saya jelaskan diatas. Hal ini juga dapat anda lakukan saat anda mempromosikan situs lain di blog anda. Selain itu link dengan gambar akan menawarkan keprofesionalan website atau blog dari link tersebut.
Bagaimana Cara Membuat Link dengan Menampilkan Gambar atau Logo?
Cara menciptakan link pada blogger dengan tampilan sebuah logo atau gambar sangatlah mudah, tetapi masih banyak para blogger dan blogger newbie yang masih galau bagaimana cara membuatnya. Saat menciptakan link atau tautan, pada umumnya akan menampilkan sebuah text berwarna biru (tergantung template) dengan sebuah garis dibawah text atau biasa disebut underline. Nah text atau goresan pena ini dapat anda ganti dengan gambar, yakni dengan mengganti text dengan url gambar yang sebelumnya telah anda simpan pada media penyedia layanan file hosting tertentu. Yuk kita pribadi ke langkah-langkahnya.
Langkah-langkah Membuat Link dengan Gambar atau Logo
Untuk menciptakan link dengan gambar, caranya cukup dengan menggabungkan arahan HTML untuk menciptakan link dengan arahan HTML untuk menampilkan gambar.
Upload Gambar
1. Sediakan gambar atau logo yang akan anda pasangkan sebuah link.
2. Silahkan upload gambar tersebut. Gambar dapat anda upload atau unggah pada blog yang anda miliki saat menciptakan artikel, atau dapat juga pada file hosting tertentu. Untuk contoh, coba anda upload gambar pada postingan blog biar lebih praktis.
3. Buat Entri baru, kemudian gunakan akomodasi untuk memasukkan gambar pada editor postingan ibarat gambar berikut.
4. Tekan tombol Pilih file >> pilih gambar yang akan anda pasang >> klik Open >> tekan Add Selected sampai gambar muncul pada editor postingan, ibarat gambar berikut.
5. Klik kanan pada gambar tersebut, kemudian pilih Salin Lokasi Tautan (Copy link address) untuk mendapat URL gambar yang akan anda pasang. Kemudian paste pada Notepad sebagai penyimpan sementara.
Buat Kode HTML link dengan Gambar
Berikut script arahan HTML link dengan gambar.
<a href='URL-TUJUAN' title='JUDUL-LINK'>
<img src='URL-GAMBAR' width='LEBAR-GAMBAR' height='TINGGI-GAMBAR' alt='DESKRIPSI-GAMBAR' border='none' />
</a>
Silahkan ganti goresan pena berwarna merah sesuai dengan keperluan anda.
1. URL-TUJUAN, ganti dengan url tujuan misalkan (http://harmansh.blogspot.com). Apabila link tersebut di klik, maka pengguna akan diarahkan ke halaman harmansh.blogspot.com.
2. JUDUL-LINK, ganti dengan judul yang anda inginkan. Judul ini akan muncul sempurna dibawah pointer kursor saat pointer kursor diarahkan ke gambar.
3. URL-GAMBAR, ganti dengan url gambar yang sudah anda upload dan simpan di notepad tadi.
4. LEBAR-GAMBAR, ganti dengan nilai lebar gambar sesuai dengan keperluan.
5. TINGGI-GAMBAR, ganti dengan nilai tinggi gambar sesuai dengan keperluan.
6. DESKRIPSI-GAMBAR, ganti dengan kata kunci yang anda targetkan sesuai dengan halaman yang akan dituju. Sebaiknya diisi untuk meningkatkan SEO friendly gambar tersebut.
Berikut pola script arahan HTML link gambar yang sudah jadi.
<a href='https://harmansh.blogspot.com' title=''><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhJbByKvcX1O20Wa2zwboGEIE-3NZ9KDxIxIcWcPoRXBcnWJ_er_SL0o5llV0Fe0s6ccsg9bYjQPJSaGbaABcdamjUCX9-f9Wm3dDgkhfBhxZbLEvT4mtcExAZMoPhaM-JqIiNtWtJb26Q/s1600/harmansh.blogspot.com.jpg' alt='tutorial blogger' width='300' height='200' border='no' /></a>
Hasilnya akan ibarat berikut.
Coba anda arahkan pointer kursor anda dan klik gambar terssebut.
Baca juga :
Baca juga :
Demikian tutorial sederhana ihwal bagaimana cara menciptakan link dengan gambar atau logo. Semoga bermanfaat and " Happy Blogging "
Sumber https://harmansh.blogspot.com/