Cara Pasang Gambar di Sidebar Blog & di Samping Header Blog

Note: Blog ini sedang dalam masa pengembangan, baik dari segi SEO maupun artikel. Mohon maaf apabila gambar tidak tersedia untuk saat ini, - 10 Februari 2018.
Cara Pasang Gambar di Sidebar Blog & di Samping 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 Blog yang pernah di tulis.

Perbedaan tutorial di artikel ini dan yang satunya lagi terletak di kode-nya saja. Baik langkah-langkah pembuatan, maupun pemasangannya, tetap sama kok.

Cuma... kodenya agak panjangan yang terbaru dibandingkan kode yang ada di dalam postinga kali ini. Kode ini lebih singkat; Jadi, silahkan sesuaikan dan pilih yang mana saja.

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

Cara Pasang Gambar di Sidebar Blog & di Samping 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

Cara Pasang Gambar di Sidebar Blog & di Samping Header Blog

#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

Pada kode https://instagram.com/9gag, silahkan ubah 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.

Untuk Deskripsi sendiri silahkan isi dengan singkat, padat dan jelas. Untuk "Link-Gambar", silahkan isi dengan URL dari gambar yang telah kita simpan di Notepad tadi, Gan!

Angka "280" adalah lebar gambar, sedangkan "300" adalah tinggi gambar. Apabila tampilan gambar tidak sesuai dengan kehendak, silahkan Edit bagian Lebar atau Tinggi dari gambar ini.

Note: Apabila ukuran tinggi dan lebar tidak saling cocok, ganti salah satu angka dengan "Auto". Biasanya, gambar akan otomatis merubah posisinya menjadi lebih baik.

Bagaimana dengan Sidebar H1 atau di Samping Header Blog?

Simple! Caranya hampir sama. Apabila ruang di samping Header H1 berukuran 728px x 90px, maka silahkan buat gambar 728px x 90px pula.

Begitu juga dengan ukuran 468px x 90px. Jadi, mohon disesuaikan sendiri ya, Gan!

INGAT! Jangan lupa mengubah ukuran tinggi dan lebar gambar yang ada pada kode diatas; mengikuti ruang Section di bagian samping Header, apakah itu 468x90 atau 728x90.

Baca Juga: Cara Menghapus Judul Static Page serta Tujuannya bagi SEO

Tips sebelum Pasang Gambar

Sebelum memasang gambar, buat dulu dong?! Usahakan, buatlah gambar yang berukuran JPG atau PNG.

Pastikan pula ukuran gambar tidak lebih dari 10 kb (kilobyte). Mengapa? Blog blogspot (Blogger) sangat rawan terhadap gambar-gambar yang berukuran besar.

Baca Juga: Cara Membuat Markup: HTML Tags and Formatting

Jangankan besar, file-nya berukuran besar sedikit saja, kecepatan loading blog langsung menurun. Semoga berguna...

Labels: Desain Blogger

Thanks for reading Cara Pasang Gambar di Sidebar Blog & di Samping Header Blog. Semoga berguna, Gan!

2 Komentar untuk "Cara Pasang Gambar di Sidebar Blog & di Samping Header Blog"

Dilayout Mana Itu mas ?

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

Gunakan anonymous kalau tidak punya Google+ Account.

Back To Top