1. Dashboard-->Tata letak (layout)--->Edit HTML
2. Cari kode ]]></b:skin> biar gampang ctrl+f aja ya
3. Masukkan kode ini di atasnya
#gambar_melayang {
position:fixed;
_position:absolute;
top:-25px;
left: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 kiri atas. Untuk merubah letaknya, silahkan ganti text yg berwarna merah. Kata left menjadi right untuk posisi disebelah kanan. Jika ingin posisi-nya dibawah silahkan ganti kata top dengan bottom
oh ya,bottom sama left bisa diganti jadi top dan right. terserah!
4. cari kode </body> terus taruh kode ini dibawahnya
<div id='gambar_melayang'>
<a href='ymsgr:sendIM?miz_doc86'>
<img alt='Chat with me' border='0'
src='http://opi.yahoo.com/online?u=miz_doc86&m=g&t=8'
style='float: right; margin-top: 35px;'/></a>
</div>
5. Kode yang berwarna merah adalah kode untuk menampilkan status icon ym saya. Untuk merubahnya menjadi status ym anda, silahkan ganti text yg berwarna merah tebal dengan id ym anda masing2. Selain itu, anda bisa mengganti gambarnya sesuai keinginan anda, bisa widget, link, dll. Dengan catatan, anda meletakkan script atau kode HTML-nya diantar tag
<div id='gambar_melayang'>
dan </div>
- Save Template dan Selesai.
By : Bang Udin
thank bang atas pelajaranya www.gpulsa.net
BalasHapus