Cara Membuat Gambar Jadi Link di Blogger

Coba Dulu Aja

September 02, 2025

Ilustrasi: Cara membuat gambar jadi link di Blogger

Apakah kamu pernah melihat sebuah gambar di sebuah blog yang di klik langsung mengarah ke halaman lain, baik itu artikel, halaman download, maupun situs eksternal? Nah, itulah yang disebut dengan gambar jadi link.

Fitur ini sangat bermanfaat untuk mempercantik tampilan blog sekaligus membuat pengunjung lebih mudah melakukan navigasi. Misalnya, kamu bisa membuat banner promosi, tombol download berupa gambar, atau sekedar menambahkan gambar yang bisa mengarah ke postingan lain di blogmu.

Pada artikel kali ini cobaduluaja.com akan membahas secara lengkap bagaimana cara membuat gambar jadi link di Blogger.

Tenang saja, langkah-langkahnya sangat mudah bahkan untuk pemula sekalipun.

Kenapa Harus Membuat Gambar Jadi Link?

Sebelum masuk ke tutorial, yuk kita pahami dulu kenapa gambar sebaiknya di beri link. Ada beberapa alasan penting, antara lain:

1. Memudahkan navigasi

Pengunjung tidak hanya membaca teks, tapi bisa langsung klik gambar untuk diarahkan ke halaman yanag relevan.

2. Meningkatkan interaksi

Gambar biasanya lebih menarik perhatian dibanding teks biasa. Kalau ada link di balik gambar, kemungkinan diklik juga lebih besar.

3. Tampilan blog jadi profesional

Blog akan terlihat lebih rapi dan menarik jika menggunakan banner atau tombol gambar yang terhubung ke link tertentu.

4. Bisa digunakan untuk promosi

Misalnya, kamu pasang banner affiliate, iklan produk, atau link menuju marketplace. Dengan begitu, gambar tidak hanya pajangan, tapi juga bisa menghasilkan cuan.

Cara Membuat Gambar Jadi Link di Blogger

Ada dua cara utama yang bisa kamu lakukan untuk membuat gambar jadi link di Blogger:

1. Cara praktis Melalui Editor Postingan

Ini cara paling mudah karena tidak perlu paham coding sama sekali. Langkah-langkahnya:

1. Masuk ke akun Blogger → Buka Postingan Baru atau edit postingan yang sudah ada.

2. Klik menu Insert Image untuk menambahkan gambar.

3. Setelah gambar berhasil dimasukkan, klik gambar tersebut sekali.

4. Akan muncul opsi Tambahkan Link (ikon rantai). Klik tombol itu.

5. Masukkan URL tujuan misalnya:

Link artikel lain blogmu → htpps://cobaduluaja.com/link-artikel
Link Download → htpps://drive.google.com/...
Link eksternal → htpps:// tokopedia.com/...

6. Simpan perubahan, lalu coba klik gambar ketika postingan sudah dipublikasikan.

Selesai, sekarang gambarmu sudah bisa di klik dan otomatis menuju ke halaman tujuan.

2. Cara Manual dengan HTML

Kalau kamu ingin ebih fleksibel, bisa menggunakan cara manual lewat mode HTML.

Caranya:

1. Masuk ke editor Blogger, lalu pilih mode HTML.

2. Masukkan kode berikut:

<a href="https://cobaduluaja.com/contoh-artikel" target="_blank">
  <img src="https://1.bp.blogspot.com/.../gambar.jpg" alt="Contoh Gambar" width="600" />
</a>

Penjelasan kode:

href="https://cobaduluaja.com/contoh-artikel" → beisi URL tujuan link.

target="_blank" → supaya link terbuka di tab baru (opsional).

<img src="https://..." → link gambar yang ingin ditampilkan.
alt="Contoh Gambar" → teks alternatif jika gambar tidak muncul.
width="600" → mengatur lebar gambar (bisa diubah sesuai kebutuhan).

Dengan cara ini, kamu bisa lebih leluasa mengatur ukuran, posisi, maupun atribut lain pada gambar.

Tips Tambahan Agar Gambar Link Lebih Menarik

Supaya gambar jadi link di Blogger terlihat lebih profesional, ada beberapa tips yang bisa kamu terapkan:

1. Gunakan gambar berkualitas tinggi

Jangan gunakan gambar buram atau pecah. Pilih ukuran yang pas agar tetap enak dilihat.

2. Sesuaikan ukuran dengan layout blog

Jika blog kamu menggunakan sidebar, pilih gambar berukuran kecil. Untuk konten utama, bisa gunakan ukurna lebih besar.

3. Tambahkan efek hover (opsional)

Dengan sedikit kode CSS, kamu bisa menambahkan efek ketika gambar disentuk mouse, misalnya sedikit membesar atau ada bayangan. Contoh:


img:hover {
  transform: scale(1.05);
  transition: 0.3s;
  box-shadow: 0 4px 8px rgba(0,0,0,0.2);
}

Kode ini bisa kamu masukkan ke menu Tema → Edit → HTML → CSS.

4. Gunakan link yang relevan

Jangan asal pasang link di gambar. Pastikan link yang dituju sesuai dengan gambar agar pengunjung tidak bingung.

5. Cek di perangkat mobile

Banyak pengunjung yang membuka blog lewat HP. Pastikan gambar link tetap terlihat rapi dan mudah diklik di layar kecil.

Kesimpulan

Membuat gambar jadi link di Blogger ternyata sangat mudah, bukan? Ada dua cara yang bisa kamu pilih: langsung melalui editor postingan atau kode HTML manual. Keduanya sama-sama efektif, tinggal pilih sesuai kebutuhanmu.

Dengan gambar yang bisa di klik, blogmu akan terlihat profesional, interaktik, dan pastinya meningkatkan pengalaman pengunjung. Jadi, jangan biarkan gambarmu hanya jadi pajangan, manfaatkan untuk navigasi, promosi, bahkan monetisasi.

Selamat mencoba, dan semoga artikel ini bermanfaat untuk kamu.