Memasang Foto Pada Sidebar Blogspot

Posting di Tutorial Blogspot

Meneruskan artikel saya yang berjudul Upload Foto Pada Photobucket, maka kali ini saya akan memposting artikel dengan judul “Memasang Foto Pada Sidebar Blogspot”. Mengapa saya hubungkan dengan artikel Upload Foto Pada Photobucket? Karena cara memasang foto di sidebar menggunakan direct link foto yang tersimpan di photobucket. 

Kegunaan dari  memasang foto di sidebar ada bermacam-macam, diantaranya bisa untuk memasang gambar space banner iklan, simbol blog, atau gambar hiasan dan sebagainya. Dengan sedikit menggunakan kode HTML yang anda pasang di gadget sidebar, maka foto yang anda simpan di photobucket bisa muncul di sidebar blog anda. Pengin tahu caranya? Ayo anda ikuti aja langkah-langkah dibawah ini.

1.      Anda harus sudah mengupload foto di photobucket.

2.      Masuklah ke account anda di photobucket, cari foto yang akan anda pasang di sidebar blog.

3.      Klik foto tersebut dan copydirect link foto nya.

4.      ekarang masuklah ke dasbor blogspot > Tata Letak > Elemen Halaman.

5.      Klik Tambah Gadget pada Sidebar blog anda.

6.      Pilih HTML/Java Script.

7.      Tulislah kode berikut ini pada halaman HTML/Java Sricpt.

<img src="direct link foto anda" height="tinggi foto" width="lebar foto" alt="nama foto"/>

8.      Klik simpan.

9.      Lihatlah hasilnya dan foto anda sudah terpasang pada sidebar blog anda.

Agar mempermudah pemahaman anda, saya kasih contoh langsung kode HTML dengan format seperti poin no. 7. Misalkan kode tersebut adalah:

<img src="http://i600.photobucket.com/albums/gunung.jpg" height="250" width="300" alt="gunung slamet"/>

Foto yang terpasang pada sidebar blog anda juga bisa di kombinasikan dengan sebuah Link, artinya ketika anda mengklik foto tersebut maka anda akan dibawa ke alamat link yang dituju. Anda bisa melihat contohnya di blog ini yaitu gambar space banner iklan, ketika anda mengklik gambar tersebut maka anda akan di bawa ke halaman tertentu di blog ini. Anda tinggal menambah kode HTML seperti di bawah ini.

<a href="Link tujuan"><img src="direct link foto anda" height="tinggi foto" width="lebar foto" alt="nama foto"/></a>

Oke, biar anda lebih paham saya tulis contoh kode HTML seperti format diatas.

<a href="http://bisnisonlinecorner.blogspot.com"><img src="http://i600.photobucket.com/albums/gunung.jpg" height="250" width="300" alt="gunung slamet"/></a>

Jreeeeng, foto anda sudah disisipkan sebuah Link yang akan anda tuju ketika foto tersebut anda klik.

Demikian penjelasang cara-cara memasang foto pada sidebar blog anda. Jika ada hal-hal yang ingin ditanyakan, silahkan bertanya dan akan saya jawab bila saya mampu menjawab. Salam sukses selalu.