Yang dimaksud sidebar ialah kolom di sisi (kanan atau kiri) yang berisi link artikel baru, link blog, profil penulis, banner iklan dan sebagainya tergantung pengaturan pemilik blog. Kali ini kita akan belajar menambahkan gambar (foto kita, mungkin) di sidebar yang semakin menegaskan bahwa blog tersebut milik kita (narsis, dikit...)
Mari kita mulai menambahkan foto atau gambar ke sidebar. Sebelum memulai, pastikan kita sudah upload gambar yang akan ditambahkan (bisa di image hosting, atau di blog kita sendiri). Sebagai contoh, aku upload gambar yang akan dipakai di artikel blog.
1. Masuk / login ke dashboard blog, klik Kustomisasi / Customize
2. Pada tab Tata Letak / Layout, masuk ke Elemen Halaman / Page Elemen. Klik Add Gadget / Tambah Gadget, di sidebar yang ingin kita tambahi gambar.
3. Pada jendela baru yang muncul, dari daftar gadget yang ada pilih HTML/Javascript.
4. Pada jendela yang muncul tuliskan kode berikut :
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhLbG4vCXatcbfph2Fet9ljyDpqM4ympirSgoZoyUnHjw3ZL-QhRfeI4APvcmlKAUVguowhW8_aUyMzZnAYs0MLJGAQuF3uEfyMR1V9rC_AY4HHBwWYTLvh1VBol0-jA0SeiR_3gwo0lvE/s400/bunda-alif.jpg" width="100px" style="margin: 0px 10px 10px 0px; float: left"></img> Buku Harian Bunda Alif berkisah tentang kegiatan sehari-hari bunda alif berkaitan dengan putri kesayangan, Alif, dan curhatan segala permasalahan rumah tangga beserta solusi terbaiknya.
Ganti tulisan warna biru dengan alamat gambar / foto yang akan kita gunakan. Ganti tulisan warna merah dengan ukuran gambar yang dikehendaki. Ganti tulisan warna hijau dengan deskripsi yang ingin anda tambahkan (bisa juga dihilangkan).
Dan inilah hasilnya :
NB : Jika anda mengambil gambar dari postingan / artikel, cara termudah untuk mengambil alamat gambar tersebut adalah dengan klik kanan pada gambar, pilih copy image address (copy image location), dan paste di tempat yang telah ditentukan.
7 comments:
Kok waktu aq terapkan ga bs ya?Pdhal aq dah upload.
kalo cara bikin teks iklan dengan gambar di sebelah kiri atas di dalam side bar gimana?
@PUGUH
tidak bisanya pas proses mana, mas?
makasih infox mas..
:)
thanks for share...
http://www.fk-unhas.blogspot.com/
saya juga udah coba kog gga bisa yya?
wahaha sukses besar! thx infonya
info ini bermanfaat bagi pemula seperti saya
Your blog is distinctive. I have found your blog innovative. You have chosen very incredible topic for your post. I agreed with you.
Post a Comment