Posted by : Unknown Jul 10, 2010


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 ::





Leave a Reply

Subscribe to Posts | Subscribe to Comments

Artikel Populer

Powered by Blogger.

- Copyright © Blog Ubay | Ubay Nizar | Powered by Blogger | Designed by Ubay Nizar -