Skip to content Skip to sidebar Skip to footer

Cara Memasang Gambar dengan Link (DoFollow / NoFollow)

Kali ini saya akan menjelaskan tutorial bagaimana caranya membuat dan memasang gambar dengan Link DoFollow atau NoFollow serta target="_blank".

Yang dimaksud dengan Gambar dengan Link (DoFollow / NoFollow) adalah sebuah gambar yang apabila diklik, akan mengarahkan pembaca ke suatu halaman, - baik di dalam blog itu sendiri maupun Link yang mengarah ke situs lainnya.

Cara Memasang Gambar dengan Link (DoFollow / NoFollow)

Jika kalian membaca artikel ini, coba lihat gambar di samping (Sidebar) blog. Klik kalau perlu. Mengarah ke halaman lainnya, kan? :)

Cara Memasang Gambar dengan Link (DoFollow / NoFollow)


Siapkan dulu gambarnya, lalu upload dimana saja. Baik itu di Facebook, Twitter, Instagram, Picasa Web Google, atau lainnya.

Saya merekomendasikan Upload gambar di Picasa Web Google karena berhubungan langsung (sinkronisasi) antara akun Blogger dengan Album Blog.

Jika sudah di-Upload, buka gambar tersebut. Simpan URL gambar itu. Contohnya ini:

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiAWorUr4aPetqbtZfK-EH6tvYmqarUsKuokoRjLG75cQMtvEMlJLEvuSe6-EIzTgTEK9DMH4jeGfgcVBftRWKvQ1DMxwhyphenhyphenerKNxlv7Q8hwa0wQKYC6nhqdNDL79z35moKyFa9mZhYjBIsg/s320/Tutorial-SEO-Kode-Blogger.png

Pada langkah selanjutnya, simpan kode di bawah ini di Notepad:

<a href="URL-Situs-yang-Ditargetkan" target="_blank" rel="nofollow"><img src="Letak-Link-Gambar" alt="Deskripsi-Gambar" title="Deskripsi-Gambar"></a>

Ubah teks yang sudah ditandai, dengan URL dan teks yang ingin digunakan. Contohnya seperti ini:

<a href="https://kodebloggerku.blogspot.com/" target="_blank" rel="nofollow"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiAWorUr4aPetqbtZfK-EH6tvYmqarUsKuokoRjLG75cQMtvEMlJLEvuSe6-EIzTgTEK9DMH4jeGfgcVBftRWKvQ1DMxwhyphenhyphenerKNxlv7Q8hwa0wQKYC6nhqdNDL79z35moKyFa9mZhYjBIsg/s320/Tutorial-SEO-Kode-Blogger.png" alt="Tutorial SEO Kode Blogger" title="Tutorial SEO Kode Blogger"></a>

Pada kode di atas, ada 2 buah kode tambahan yang bisa atau tidak perlu kalian gunakan yaitu target="_blank" dan rel="nofollow".

Tag atribut target="_blank" berfungsi membuka halaman baru. Istilahnya kalau di Google Chrome, yaitu Open New Tab atau Membuka Tab Baru secara otomatis.

Lalu ada atribut rel="nofollow" yang berarti memberikan Backlink ke blog lain tapi bukan benar-benar Backlink. Namun, kalau atribut yang digunakan adalah rel="dofollow", maka itu benar-benar sebuah Backlink.

Ketika sebuah blog menanamkan Link (tautan, - URL) di blognya, lalu diklik dan mengarah ke situs lainnya, disebut Outbound Link.

Kalau Inbound Link, artinya kita mendapatkan Backlink dari situs lainnya. Saya kira semuanya pada paham, ya :)

Cara Memasang Gambar dengan Link


Login ke Blogger > Tata Letak > Tambahkan Gadget > HTML/JavaScript

Cara Memasang Gambar dengan Link (DoFollow / NoFollow)

Simpan kode di bawah ini pada kolom HTML/JavaScript:

<a href="https://kodebloggerku.blogspot.com/" target="_blank" rel="nofollow"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiAWorUr4aPetqbtZfK-EH6tvYmqarUsKuokoRjLG75cQMtvEMlJLEvuSe6-EIzTgTEK9DMH4jeGfgcVBftRWKvQ1DMxwhyphenhyphenerKNxlv7Q8hwa0wQKYC6nhqdNDL79z35moKyFa9mZhYjBIsg/s320/Tutorial-SEO-Kode-Blogger.png" alt="Tutorial SEO Kode Blogger" title="Tutorial SEO Kode Blogger"></a>

Kalian boleh mengisi nama Gadget atau gak perlu mengisinya. Selanjutnya, ketuk tombol SIMPAN dan selesai.

Postingan ini merupakan lanjutan artikel dari artikel sebelumnya yaitu Cara Membuat Anchor Text + Gambar di Blogspot.

Itu dia tutorial bagaimana caranya membuat dan memasang gambar dengan Link di Template Blogger. Semoga berguna.
Arief Ghozaly
Arief Ghozaly Konten kreator artikel (writer/creator) sejak 2015.