Cara Memasang Gambar di Sidebar Blog & Disamping Header Blog

SETELAH melakukan riset alias googling berharap menemukan tutorial yang pas dan mudah, akhirnya saya menemukan bahwa ada satu-satunya cara yang bisa Anda lakukan untuk memasang gambar di sidebar blog dan disamping header blog.

Kalau kebanyakan situs menjelaskannya secara rumit, maka kali ini tentunya dengan cara yang cukup mudah. Bermodalkan kode HTML tertentu, menambahkan atau Add Widget di layout Blogger, tada....! Gambar pun akan muncul, baik di sisi sidebar maupun disamping header image blog.

Sebagai gambaran, lihat gambar dibawah ini:

Cara Memasang Gambar di Sidebar Blog & Disamping Header Blog

Cara Pasang Gambar di Sidebar & Samping Header H1 Blog


#1. MENAMBAHKAN GAMBAR KE PENYIMPANAN GOOGLE

Pertama sekali adalah mengupload gambar yang akan dimasukkan ke dalam blog. Ada dua cara yang bisa Anda lakukan, diantaranya adalah:

  1. Memasukkan gambar langsung melalui picasa web google; atau
  2. Memasukkan gambar melalui fitur tulis artikel (rekomendasi)

Untuk blogger pemula, lebih baik memilih cara nomor dua. Penerapannya sangat mudah, simak baik-baik...

Buat artikel terbaru (compose), langsung saja memasukkan gambar. Selanjutnya pilih menu HTML (bukan compose), kurang lebih Anda akan melihat gambar seperti dibawah ini.

Cara Memasang Gambar di Sidebar Blog & Disamping Header Blog
Masukkan gambar pada menu Compose artikel

Cara Memasang Gambar di Sidebar Blog & Disamping Header Blog
Pilih HTML untuk mengambil link URL gambar

Pada link URL yang diblok, copy dan paste di notepad atau dimana saja. Tahap pertama beres.

#2. ADD WIDGET LAYOUT BLOGGER

Jika pada tahap pertama Anda sudah mendapatkan link URL dari gambar yang akan dijadikan sebagai gambar di blog, selanjutnya adalah menambahkan gambar tersebut melalui Add Widget di Layout Blogger.

Copy dan paste kode HTML dibawah ini di Add Widget layout blogger:

<a width="280" href=http://tipsseokiller.blogspot.co.id/ target="_blank" hight="300"><img border="0" alt="Link Banner" src="https://1.bp.blogspot.com/-rMkat4GzuCo/Vxc-5CAc3UI/AAAAAAAAA88/FwXIPnZAMN0OwssP_2mdnmmCUza6couUACLcB/s400/Steve%2BJobs%2BQuote.jpg"/></a>

Simpan di Add Widget pada Layout Blogger tersebut. Simpan (Beres)!

PERHATIKAN:

  • Angka 280 adalah lebar dari gambar
  • Angka 300 adalah tinggi dari gambar
  • Link URL berwarna biru adalah link target; dan
  • Sedangkan link URL panjang berwarna merah adalah link gambar yang telah berhasil Anda dapatkan pada tahap nomor satu diatas tadi

KESIMPULAN

Tutorial diatas diterapkan pada sisi tampilan blog. Jika gambar akan dipasangkan di samping header image blog, atau lebih tepatnya di samping H1 judul blog, ketahui terlebih dahulu seberapa lebar dan tinggi ruang yang tersedia. Cocokkan dengan angka 280 dan 300 diatas.

Jika semua proses sudah Anda coba dan terapkan dengan benar, pemasangan gambar baik itu di bagian sisi samping header image blog atau sidebar blog sudah pasti berhasil. Gambar pun bisa dipakai untuk gambar dengan jenis iklan. Good luck!

2 Responses to "Cara Memasang Gambar di Sidebar Blog & Disamping Header Blog"

  1. Replies
    1. Blogger > Tata Letak (Layout).
      Bisa di samping (sidebar) atau pun disamping H1 (Header blog image, H1). Disesuaikan saja mas.

      Delete

Komentar spam & link aktif akan dihapus. Centang OK pada "notify me" agar komentar balasan saya masuk ke email Anda.