Sabtu, 16 April 2011

Memasukkan Foto pada Blog

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...)

Ada 2 cara untuk memasukkan foto, yang pertama bila foto tersebut terdapat dalam komputer atau PC anda, dan yang kedua bila foto tersebut terdapat dalam Web, Blog, Wordpress atau dimanapun aja dalam dunia maya..


Mari kita mulai menambahkan foto atau gambar ke sidebar.


A. Memasukkan foto dari Komputer
1. Masuk / login ke dashboard blog, klik Rancangan.

2. Pada tab Rancangan, masuk ke Elemen Laman / 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 Gambar.



4. Lalu tuliskan judul serta keterangan gambar bila diperlukan. Lalu klik simpan


B. Memasukkan foto dari dunia maya
1. Masuk / login ke dashboard blog, klik Rancangan.

2. Pada tab Rancangan, masuk ke Elemen Laman / 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/AVvXsEgdYnT6ecLMP_m1kmRWwc-z-d3Ylw43nhrsbnSehMr2O8xbnLyvmBbbETvaUNTOJxhlaMwB0W8wfEh9S31PIY5lmuqd-DNoKzzqJbKLyAor9GoKB_4M0hiNa_uzy4KANlsTQDZlHPRiiYw/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.