Cara Membuat Gambar Melayang di Blog

Anda pasti sudah tahu apa itu gambar melayang ? Kalau

belum, anda pasti tahu kan layang-layang yang suka di

anak-anak bila saat musimnya tiba. Nah, itu lain dengan

gambar melayang yang kita maksud di sini (wk wk wk,

becanda bos, gitu aja marah sih! .... he ... he ... he .....)

Iya deh serius nih yah. Anda mungkin pernah saat me-

ngunjungi sebuah blog melihat ada gambar yang di

pojok sebelah kiri atas, kanan atas, kiri bawah atau

di kanan bawah, baik itu gambar yang bergerak dan

ada juga yang diam saja sambil baca tulisan ini, Eh,

maaf gan, becanda lagi .............................. abis lupa!

Langsung aja yah kita ke TKP untuk rekonstruksi
cara membuat atau memasangnya dan berikut ini
adalah langkah kerjanya :

1.  Siapkan gambar/image yang akan anda jadikan
     gambar melayang. Anda bisa membuatnya
     sendiri misalnya menggunakan Adobe Photoshop
     atau Program lainnya atau anda tidak mau repot
     bisa mendownload langsung dari internet.

2.  Hosting gambar/image anda ke penyedia layanan
     hosting image, agar bisa mendapatkan alamat url-
     nya supaya bisa dimasukkan ke dalam kode yang
     nanti saya berikan, tentu sebelumnya anda harus
     Sign In terlebih dahulu. Anda bisa buat misalnya di
     photobucket.com KLIK DISINI atau www.tinypic.com
     KLIK DISINI atau bisa ke www.mediafire.com
     KLIK DISINI atau ke tempat hosting yang biasa
     anda gunakan selama ini.
         
3.  Kalau gambar/image sudah anda hosting, maka
     yang harus anda lakukan adalah masuk ke Dasbor
     terus  ------------------>  Edit HTML

4.  Simpan template anda terlebih dahulu sebelumnya,
     untuk berjaga-jaga bila anda salah mengikuti cara-
     cara yang akan saya berikan.

5. Copy kode berikut ini :

#melayang {position:fixed;_position:absolute;bottom:0px; left:0px;clip:inherit;_top:expression(document.documentElement.scrollTop+document.documentElement.clientHeight-this.clientHeight); _left:expression(document.documentElement.scrollLeft+ document.documentElement.clientWidth - offsetWidth); }

6. Pastekan kode script tersebut sebelum atau
    di atas kode  ]]></b:skin>

CATATAN :
*  Ganti LEFT menjadi RIGHT bila anda menginginkan
    gambar yang melayangnya berada di sebelah kanan

7. Copy lagi kode berikut ini Pastekan kode script
    tersebut sebelum atau di atas kode  </body>

<div id='melayang'><a href='http://NAMA BLOG ANDA'> <img src='http://i1128.photobucket.com/albums/m486/syamsudin1/becak.gif'/></a></div>

Contoh gambar/image kode di atas adalah :

CATATAN :
*  Ganti URL blog & URL gambarnya dengan gambar/
    image milik anda yang telah anda hosting sebelumnya.

8. Selesai dan pratinjau terlebih dahulu, setelah anda
    berhasil baru simpan template anda.

Selamat mencoba dan semoga anda berhasil
Good Luck!
Saya tunggu komentarnya ........................