Memasang Floating Image Pada Sisi Blog

Kali ini saya akan membagikan tutorial cara memasang gambar melayang pada sisi blog. Mudah kok. Langsung saja ya?

1. Login ke akun blog anda.
2. Langsung menuju EDIT HTML
3. Ini adalah pilihan tata letak pada floating image. Silahkan pilih salah satu saja:

• Posisi iklan Atas-Kiri
  <a href= URL HALAMAN BLOG ANDA style=display:scroll;position: fixed; top:5px;left:5px; title= ganti title anda disini ><img src=URL IMAGE ANDA/></a>
• Posisi iklan Atas-Kanan
  <a href= URL HALAMAN BLOG ANDA style=display:scroll;position: fixed; top:5px;right:5px; title= ganti title anda disini ><img src=URL IMAGE ANDA/></a>
• Posisi iklan Bawah-Kiri
  <a href= URL HALAMAN BLOG ANDA style=display:scroll;position: fixed; bottom:5px;letf:5px; title= ganti title anda disini ><img src=URL IMAGE ANDA/></a>
• Posisi iklan Bawah-Kanan
  <a href= URL HALAMAN BLOG ANDA style=display:scroll;position: fixed; bottom:5px;right:5px; title= ganti title anda disini ><img src=URL IMAGE ANDA/></a>

          Yang berwarna merah anda ganti ya?

4. Setelah selesai, save, lalu lihat hasilnya.
5. Jika ukuran pada image tidak sesuai dengan halaman blog anda, anda bisa mengedit imagenya lewat software komputer. Tapi jika terlalu lama, tambahkan kode berikut ini di antara kode di atas, misalnya:

<a href= URL HALAMAN BLOG ANDA style=display:scroll;position: fixed; bottom:5px;right:5px; title= ganti title anda disini ><img src=URL IMAGE ANDA/></a>

akan saya tambahkan sedikit kodenya menjadi:
 
<a href= URL HALAMAN BLOG ANDA style=display:scroll;position: fixed; bottom:5px;right:5px; title= ganti title anda disini ><img src=URL IMAGE ANDA height=150 width+150></a> 




NB: File bisa berupa GIF, JPG, dan PNG

GOODLUCK

Related Posts by Categories