Tips Dasar Blogspot: Menambah Foto di Sidebar

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/AVvXsEhrUvUTOOHmqTE17l90rxE5BGZnevXOheZSWQEKMFdhUneQ6gh6x2Frx90QMUXFKGhZxMpG1TyL1VOaP-kCTDVmpLTtuPv-w9uhv8AEye3lUcHT6sUvbRg-C7vGnNRO4xBoD_KCyuXwDY0/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.


Share this article :
 

+ comments + 8 comments

October 11, 2009 at 6:20 AM

Kok waktu aq terapkan ga bs ya?Pdhal aq dah upload.

December 22, 2009 at 11:07 PM

kalo cara bikin teks iklan dengan gambar di sebelah kiri atas di dalam side bar gimana?

December 23, 2009 at 10:18 PM

@PUGUH
tidak bisanya pas proses mana, mas?

September 16, 2010 at 7:57 AM

makasih infox mas..
:)

thanks for share...
http://www.fk-unhas.blogspot.com/

April 30, 2011 at 9:37 PM

infonya sangat berguna...thx agan.. jangan lupa kunjungi http://aplikasihp.blogspot.com

February 7, 2012 at 12:03 AM

saya juga udah coba kog gga bisa yya?

March 23, 2012 at 6:13 AM

wahaha sukses besar! thx infonya
info ini bermanfaat bagi pemula seperti saya

April 9, 2012 at 9:15 PM

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

 
Support : Creating Website | Johny Template | Mas Template
Copyright © 2011. Bewegaleri Blog - All Rights Reserved
Template Created by Creating Website Published by Mas Template
Proudly powered by Blogger