Pasang Icon YM Melayang

Pada tutorial blog kali ini anda mungkin masih bingung dengan YM melayang, untuk contohnya bisa lihat icon YM saya pada blog ini, seperti itulah yang dimaksud icon YM melayang.
Jadi meskipun ditarik scroll kebawah, icon YM tetap bisa tampil.

Langsung saja, ikuti langkah-langkah berikut ini:
1. Login pada Dashbord Blog Anda
2. Klik Tata Letak
3. Klik Edit HTML
4. Kemudian cari kode ini ]]></b:skin>
5. Kemudian Paste kode dibawah ini, tepat diatas kode ]]></b:skin>

#gambar_melayang {
position:fixed;_position:absolute;
top:-25px;
right:5px;
clip:inherit;_top:expression(document.documentElement.scrollTop+
document.documentElement.clientHeight-this.clientHeight); _left:expression(document.documentElement.scrollLeft+ document.documentElement.clientWidth - offsetWidth); }

Kode CSS diatas, akan menempatkan gambar anda berada di pojok kanan atas. Untuk merubah letaknya, silahkan ganti text yg berwarna biru. Kata right menjadi left untuk posisi disebelah kiri. Jika ingin posisi-nya dibawah silahkan ganti kata top dengan bottom.

6. Eiit...ini belum selesai, setelah itu cari kode ini </body>
7. Paste Kode Dibawah ini, dan letakkan tepat diatas kode </body>

<div id='gambar_melayang'>
<a href='ymsgr:sendIM?anime.pratama'>
<img alt='Chat with me' border='0'
src='http://opi.yahoo.com/online?u=anime.pratama&m=g&t=23'
style='float: right; margin-top: 35px;'/></a>
</div>

8. Ganti kode warna biru dengan kode ID YM Anda
9. KLik Save Template dan selesai

Silahkan lihat Hasilnya.....