Lompat ke konten Lompat ke sidebar Lompat ke footer

Cara Memasang Gambar di Sidebar Blog

Kali ini, izinkan saya berbagi tutorial bagaimana caranya membuat, memasang atau menambahkan gambar yang berisi LINK di sidebar (samping) tampilan web blog.

Cara Memasang Gambar di Sidebar Blog

Sesuai pada gambar di atas, kan?

Cara Memasang Gambar di Sidebar Blog


Sebenarnya sangat mudah, karena yang perlu kawan-kawan lakukan adalah memasang kode di bawah ini pada kolom tambahkan gadget, tepatnya di HTML/JavaScript (Js).

<a href='LINK TUJUAN'><img style="width: 300px; height: auto" src="LINK GAMBAR"/></a>

300px itu lebar gambar yang menyesuaikan lebar tampilan web blog, dan biasanya itu ukuran normal pada template blogger. Kalau ragu, ganti dengan nilai: 100%.

Atau sobat juga bisa menggunakan kode berikut:

<a width="100%" href=https://instagram.com/ariefghozaly target="_blank" height="auto"><img border="0" alt="DESKRIPSI GAMBAR" src="LINK GAMBAR"/></a>

Kalau nilai width="100%" tidak bekerja, ganti dengan nilai 300px atau sesuaikan dengan lebar tampilan web blog. Ganti juga https://instagram.com/ariefghozaly dengan URL yang ditargetkan.

Cara Mendapatkan LINK Gambar


1. Buat postingan blog terbaru, langsung upload gambar yang ingin digunakan.

2. Klik kanan pada gambar, lalu pilih menu Open image in new tab

3. Di momen ini, kawan-kawan sudah mendapatkan URL gambar yang akan digunakan.

Silakan gunakan LINK pada browser untuk disematkan pada kode di atas.
Arief Ghozaly
Arief Ghozaly Konten kreator artikel (writer/creator) sejak 2015.

Posting Komentar untuk "Cara Memasang Gambar di Sidebar Blog"

Kontes Lomba Blog
Kontes Lomba Blog