Cara Memasang Gambar di Sidebar Blog dengan Link URL

Pernah melihat iklan banner header (468x60) tepatnya di samping nama web blog, situs atau website?

Barangkali iklan berukuran 300x250 untuk sidebar atau di samping blog?

Sebelumnya saya juga pernah posting tutorial yang sama seperti ini. Sila dibaca disini.

Masalahnya apabila gambar (image) tersebut dipasangkan begitu saja melalui fitur atau layanan di tata letak, tentunya ukurannya tidak full. Maksimalnya hanya berukuran 266 piksel (266px), sedangkan tampilan blog masa kini berukuran 300 piksel untuk sidebar saja.

Namun itu bisa diakali sesuai keinginan kita, seperti ukuran gambarnya seberapa luas (tinggi dan lebar) serta bisa kita masukkan link URL di dalam gambar tersebut, artinya apabila gambar di klik maka akan menuju sebuah laman yang ditentukan.

Baca Juga: Cara Menghapus Widget Blog yang tidak bisa Dihapus.

Cara Memasang Gambar di Sidebar Blog dengan Link URL

Pertama sekali persiapkan dulu gambar yang akan dipasangkan nanti.

1. Buat dan edit gambar sendiri dengan format JPEG
2. Jika sudah compress agar ukuran filenya mengecil, tujuannya agar web blog tidak berat ketika diakses (loading)
3. Upload ke Picasa Web Google

Sampai disini apabila sudah di upload, buka gambar tersebut. Tekan klik kanan pada mouse, pilih "open image in new tab". Salin (copy) link URL dari gambar tersebut, simpan di Notepad.

Baca Juga: Cara Membuat Open New Tab Seluruhnya di Blog.

Selanjutnya kita bakal melakukan tutorial membuat dan memasangkan gambar di sidebar blog yang sebenarnya. Ikuti dengan baik2 yaaa.

1. Blogger > Tata Letak
2. Tambahkan Gadget > HTML/JavaScript
3. Copy kode dibawah ini:

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

4. Paste (tempel) kode tersebut di kolom HTML tadi
5. Simpan, SELESAI - OK!

"LINK URL TUJUAN" yang saya maksud itu adalah link yang akan mengarah kita ke suatu halaman internet yang kita tentukan sendiri. Bisa saja itu alamat profil facebook kita, situs toko online atau halaman lainnya.

Untuk pemasangan "LINK URL GAMBAR" maka paste (tempel) saja link URL yang tadi kita dapatkan dan sudah kita simpan sebelumnya di Notepad barusan.

Baca Juga: Cara Pasang Tweet Twitter di Artikel Web Blog.

Untuk "width" atau luas bisa kita sesuaikan dengan ukuran sidebar kita, setidaknya 300px pada umumnya sebuah template. Untuk "height" atau tinggi sendiri dibiarkan otomatis saja, atau punya ukuran sendiri? Silahkan masukkan saja ukuran tinggi dari gambar tersebut. Ok semoga berguna.*