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

TERIMA KASIH SUDAH MEMBACA POSTING DI ATAS. JANGAN LUPA TINGGALIN JEJAK DI KOMENTAR YA? ^_^

Post a Comment

Mohon Untuk Tidak Mencantumkan Nama Anonim Anda. Terima Kasih.