Membuat animasi atau gambar melayang (Float Image) disini maksudnya adalah menampilkan gambar atau animasi yang diletakkan disudut-sudut area blog agar blog tampak lebih menarik. Mungkin sobat pernah menemukan sebuah blog dengan menggunakan asesoris ini seperti gambar sonic yang sedang berlari atau terbang.
Jika sobat ingin membuatnya, ikuti langkah-langkahnya dibawah ini :
1. login ke blogger
2. masuk ke Tata Letak ===>> Edit HTML
3. beri centang pada kotak di samping tulisan "Expand Widget Template"
4. lalu setelah itu cari kode ]]></b:skin> dan letakkan kode di bawah ini tepat di atasnya :
#trik_pojok { 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); }
Setelah itu cari kode </body> dan letakkan kode di bawah ini tepat di atasnya :
<div id="trik_pojok"> <a href="http://mamanjua.blogspot.com">
<img src=http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/21.gif border="0" /></a> </div>
Nah kode yang berwarna hijau bisa anda ganti, contoh : http://oketrik.blogspot.com ==>> ganti dengan alamat blog sobat, http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/21.gif ==>> ganti dengan alamat gambar sobat yang sudah di upload di salah satu web yang menyediakan layanan upload gambar.
Setalah itu simpan dan lihat hasilnya dech.
Mudah bukan Membuat Animasi Melayang (Float Image), nah sekarang blog anda lebih menarik dengan adanya Float Image. Kalau ada yang mau di tanyakan atau ada kesulitan tinggalkan saja pesan anda di kotak komentar di bawah ini y.
namun ada kelemahannya juga, Float Image akan membuat loading blog anda menjadi lambat dan apabila ada pengunjung yang mempunyai koneksi yang lelet, mungkin mereka akan malas atau mengurungkan niat untuk mengunjungi blog anda
0 komentar:
Posting Komentar