Cara Memasang Gambar di Sidebar Blog & Disamping Header Blog

Cara Memasang Gambar di Sidebar Blog & Disamping Header Blog
Dari sekian banyak tutorial, saya rasa inilah yang paling mudah diterapkan yakni memasang gambar di sidebar dan di samping header <h1> blog!

Caranya hampir sama dengan cara pasang gambar di sidebar web blog yang pernah di tulis.

Perbedaan tutorial di artikel ini dan yang satunya lagi terletak di kode HTML saja. Langkah2 pembuatannya tetap sama kok.

Kodenya agak panjangan yang terbaru dibandingkan yang ini. Kode ini lebih singkat, silahkan sesuaikan dan pilih yang mana saja.

Baca Juga: Penyebab & Mengatasi Judul Widget Blogger yang Suka Menghilang.

Cara Memasang Gambar di Sidebar Blog & Disamping Header Blog


#1. Menambahkan Gambar Dulu

Pertama sekali menambahkan gambarnya dulu di penyimpanan gratis milik Google (tempat lain juga boleh).

1. Buat dan Edit gambar > Save
2. Upload ke Penyimpanan Online (Picasa Web Google)
3. Sudah upload? Buka gambar
4. Salin URL dari gambar tersebut > Save di Notepad

#2. Cara Memasang Gambarnya di Sidebar & Header Blog

1. Blogger > Layout (Tata Letak)
2. Add a Gadget > HTML/JavaScript
3. Copy kode dibawah ini:

<a width="280" href=https://instagram.com/9gag target="_blank" hight="300"><img border="0" alt="Deskripsi" src="LINK GAMBAR"/></a>

4. Paste di dalam kotak kosong HTML/JavaScript tadi
5. Save template, OK.

URL TARGET adalah link yang akan mengarahkan kita ke suatu laman yang telah kita tentukan, entah itu situs toko online kita, ID jual-beli di kaskus, akun Facebook, Laman Web Forum dan lainnya. Contohnya seperti Instagram-nya 9gag.

Untuk Deskripsi sendiri silahkan isi dengan singkat, padat dan jelas. Contohnya yakni "Korek Zippo Custom Indonesia". Sedangkan LINK GAMBAR adalah link URL yang telah kita simpan tadi di Notepad.

Pada kode HTML diatas ada angka 280 untuk lebar dari gambar tersebut, sedangkan 300 adalah tinggi dari gambar yang kita pasang tadi. Jika tampilannya tidak cocok, silahkn ubah kode tersebut dengan "auto" saja.

Baca Juga: Cara Membuat Recent Posts hanya muncul di Single-Posts.

Tutorial diatas untuk dibagian samping (sidebar) web blog. Untuk disamping header tutorialnya sama saja. Hanya saja ukuran untuk disamping header berukuran lebar 468px dan tinggi 90px.*

Ditulis oleh:

Blogger pemula (/Newbie-Class) - senang menulis apa pun yang saya anggap menarik. Just another your blogging inspirations :)

Labels: Desain Blogger

Thanks for reading Cara Memasang Gambar di Sidebar Blog & Disamping Header Blog. Jika dirasa berguna, silahkan share ke sosial media.

2 Comment for "Cara Memasang Gambar di Sidebar Blog & Disamping Header Blog"

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

Nama komentator dan isi komentar yang mengandung SARA, Iklan/Promo dan menyertakan Link tidak akan dipublikasikan.

Back To Top