Cara Membuat Anchor Text + Gambar di Blogspot

Apa pengertian Link (Url) serta fungsinya? Bagaimana cara membuat Anchor Text dengan gambar di Blogger/Blogspot?

Link adalah Hyperlink, - memberi rujukan dokumen ke dokumen lainnya. Biasanya, Link dipasang/ditanamkan di suatu teks, kalimat, atau gambar.

Dalam bahasa Indonesia, Link artinya adalah Tautan.

Sedangkan potongan teks yang berisi Tautan sehingga bisa di klik lalu mengarahkannya ke dokumen lain, disebut Anchor Text. Ya, nyaris sama maknanya.

Cara Membuat Anchor Text + Gambar di Blogspot

Jadi, karena pada dasarnya Hyperlink bisa dipasang di gambar, kali ini saya akan menjelaskan bagaimana cara membuatnya.

Pertama, persiapkan gambar terlebih dahulu. Selanjutnya, Upload gambar tersebut di mana saja. Nantinya, akan menghasilkan Hyperlink. Contoh, Uplad ke Facebook atau Twitter.

Kemudian, simpan kode di bawah ini di mana saja, entah di Notepad atau dimana saja:

<a href='Lokasi Dokumen yang Dituju' target='_blank'><img style="width: 300px; height: auto" src="Hyperlink dari Gambar"/></a>

Ubah teks "Hyperlink dari Gambar" dengan Hyperlink yang tadi kalian Upload ke Facebook atau Twitter, misalnya ini:

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi25nPUoscgHGBjvzeo8Cb2y5tRzQqr7jObx_G_afY-yMhsWw7gXP1cQdTd5cPzs955yU0Rpz-b7b2o2V-Ahw7RvSn9yHgRav3JKVkLfuTlZgPO7BBqCKZYOoa5mX34bZmXAJrd5Cf52BA6/s1600/Tutorial-SEO-Kode-Blogger.png

Lalu, ubah teks "Lokasi Dokumen yang Dituju" dengan Link tujuan yang akan ditujunya (apabila di klik). Contohnya:

https://kodebloggerku.blogspot.com/2019/10/tutorial-belajar-seo-dasar-pemula.html

Jika semuanya digabungkan, maka hasilnya akan seperti ini:

<a href='https://kodebloggerku.blogspot.com/2019/10/tutorial-belajar-seo-dasar-pemula.html' target='_blank'><img style="width: 300px; height: auto" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi25nPUoscgHGBjvzeo8Cb2y5tRzQqr7jObx_G_afY-yMhsWw7gXP1cQdTd5cPzs955yU0Rpz-b7b2o2V-Ahw7RvSn9yHgRav3JKVkLfuTlZgPO7BBqCKZYOoa5mX34bZmXAJrd5Cf52BA6/s1600/Tutorial-SEO-Kode-Blogger.png"/></a>

Selamat! Berhasil. Untuk mencoba tutorial ini, silakan ikuti langkah-langkah berikut:

Blogger > Tata Letak > Tambahkan Gadget > HTML/JavaScript (Js)

Kosongkan judul Gadget-nya, langsung saja masukkan kode di bawah ini di kolom putih besarnya:

<a href='https://kodebloggerku.blogspot.com/2019/10/tutorial-belajar-seo-dasar-pemula.html' target='_blank'><img style="width: 300px; height: auto" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi25nPUoscgHGBjvzeo8Cb2y5tRzQqr7jObx_G_afY-yMhsWw7gXP1cQdTd5cPzs955yU0Rpz-b7b2o2V-Ahw7RvSn9yHgRav3JKVkLfuTlZgPO7BBqCKZYOoa5mX34bZmXAJrd5Cf52BA6/s1600/Tutorial-SEO-Kode-Blogger.png"/></a>

Simpan perubahan Setelan, dan lihat tampilan blog kalian.

Muncul? Itulah yang dinamakan membuat, memasang, dan menampilkan Anchor Text beserta dengan gambar di blog.