SEARCH THIS BLOG

MEMBUAT FLOATING IMAGE


Lagi giat-giatnyaposting nih. Malam ini aku posting tentang gimana cara membuat floating image. Floating Image itu gambar atau animasi yang ada di pojok blog kita misalnya seperti yang ada di sebelah kanan-atas blogku ini. Cara bikinnya mudah kok...!!!
Dan juga gak berat buat blog serta cukup menarik untuk hiasan blog. Okelah daripada kemalaman lebih baik langsung saja.





1. Login Blog
2. Tata Letak/Rancangan >>> Edit HTML
3. Cari kode ]]></b:skin> dan copy-paste kode dibawah ini diatasnya :


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

4. Cari kode </body> dan copy-paste script berikut di atasnya :


<div id="floating">
<img src="http://i833.photobucket.com/albums/zz258/NYZHAR/Preloading.gif" border="0" />
</div>

5. Simpan template...!!!

:: Kode warna biru bisa diganti untuk menyesuaikan letak image ::
:: Kode warna merah bisa diganti dengan URL gambar kalian sendiri ::





0 Comment:

Poskan Komentar

GIVE ME A COMMENT HERE...!!!

 

UBAY_NYZHAR © 2011 Design by Best Blogger Templates | Sponsored by HD Wallpapers