Cara Memasang Gambar di Blog: LINK Keluar & NoFollow

Kali ini, izinkan saya berbagi tutorial bagaimana caranya menambahkan atau memasang gambar di blog dengan tautan (LINK) yang keluar mengarah ke web lain, yang didukung dengan tag nofollow.

Pertanyaannya, gambarnya sudah dibuat? Kalau belum, berikut ukuran yang disarankan.

Menurut ukurannya, gambar untuk sidebar-blog disarankan memiliki panjang gambar berukuran 300px dengan lebar 250px. Sedangkan gambar untuk header-blog, yang disarankan adalah dengan panjang gambar berukuran 468px dan lebar 60px, atau panjang 728px dengan lebar 90px. Harap disesuaikan.

Cara Memasang Gambar di Blog: LINK Keluar & NoFollow

1. Blogger > Pilih Blog

2. Tata letak > tambahkan gadget > HTML/JavaScript

3. Masukkan judul atau tanpa judul, lalu isi kode di bawah ini pada kolom konten. Klik tombol simpan.

Kode yang dibutuhkan:

<a href="WEB-TUJUAN" target="_blank" rel="nofollow"><img src="LINK-GAMBAR" alt="DESKRIPSI-GAMBAR" title="DESKRIPSI-GAMBAR"></a>

"Bang, tampilannya tidak responsive di perangkat seluler?!"

Gunakan kode di bawah ini:

<a href="WEB-TUJUAN" target="_blank" rel="nofollow"><img src="LINK-GAMBAR" alt="DESKRIPSI-GAMBAR" title="DESKRIPSI-GAMBAR" width="300px" height="250px"></a>

Ganti ukuran width="300px" height="250px" dengan ukuran web atau menyesuaikan ukuran tampilan web.

Mengenai target="_blank", merupakan perintah yang apabila gambarnya diklik, maka halaman akan membuka tab baru di browser. Sedangkan rel="nofollow" merupakan hyperlink halaman web yang memerintahkan mesin pencari untuk tidak menggunakan LINK tersebut sebagai peringkat halaman.

Adapun HTML/JavaScript yang terpasang di blog ini, yang ada di sidebar-blog, yakni:

<a href="https://sugeng.id/?ref=311" title="Template Blogger Terbaik Rekomendasi"><img src="https://sugeng.id/wp-content/uploads/2019/12/banner-template-blogger-blue2.png" alt="Template Blogger Terbaik Rekomendasi" style="width: 100%; height: auto"/></a>

Di sini, saya menggunakan "width: 100%; height: auto" agar lebarnya adaptif. Sobat bisa menyalinnya dan memodifikasikannya sendiri.

Cara Mendapatkan LINK Gambar

Bagaimana caranya mendapatkan LINK gambar?

1. Buka halaman artikel terbaru yang masih kosong.

2. Selanjutnya, upload gambar yang ingin didapatkan LINK gambarnya.

3. Klik kanan pada gambar, lalu tekan tombol buka gambar di tab baru, atau bisa juga dengan menekan opsi salin alamat gambar.

4. Nantinya akan terbuka LINK gambar pada tab baru di browser sobat. Silakan disalin (copy).

Begitulah tutorial bagaimana caranya menambahkan atau memasang gambar di blog dengan tautan (LINK) yang keluar mengarah ke web lain, yang didukung dengan tag nofollow.