Sabtu, 05 Maret 2011

Membuat Gambar Melayang (Float Image)

Seperti apa ya aplikasi ini ??? Hmm,,, Sebenerna gw dah pernah pake ni aplikasi, tapi sorry banget, gw remove aplikasi ini, soalnya gw takut, masa gambar melayang terus....??? Gw dah berusaha buat ga nimbulin gambar tersebut dengan cari gw scroll mouse gw ke paling bawah,, eh tetap aja tu gambar ngikutin kita,,, Kaya setan aja__ Heee__
Tapi jangan khwatir,,, gw tetap share ko..

Sebuah blog harus kelihatan ganteng/cantik kaya gw dan pacar gw,,,, atau indah supaya orang juga betah untuk berlama-lama di blog kita. Tentu dengan kita membuat gambar melayang atau float image harapan itu akan terwujud. Selain itu kita juga dapat menganti gambar itu dengan sebuah widget, misalnya jam, kalender, atau banner.

Cara Membuat Gambar Melayang (Float Image) di Pojok Halaman
1. Login ke Blogger.
2. Di halaman Dasbor, kita pilih Tata Letak.
3. Kemudian pilih Edit HTML
4. Beri tanda centang pada Expand Template Widget
5. Cari kode ]]></b:skin> setealah itu, taruh kode berikut ini 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); }

6. Selanjutnya Cari kode </body> jika sudah ketemu, taruk kode berikut ini di atasnya.


<div id='trik_pojok'>
<a href='http://blogsirmansyah.blogspot.com/'>
<img border='0' src='http://homepage1.nifty.com/simachan/simacha/material/image/button/home01.gif'/></a>
</div>
 <script src='http://kendhin.890m.com/emoticon/smile1.js' type='text/javascript'/>

Note : Kita bisa ganti bottom dengan top dan left dengan right. Sesuai dengan letak yang kita inginkan atau mungkin sama dengan itu saja, gak usah diganti  
Kita juga harus ganti http://blogsirmansyah.blogspot.com/ dengan URL kita sendiri, tapi kalau tidak diganti juga terima kasih. Wkwkwkwk____ !!!  Dan kita juga bisa menganti http://homepage1.nifty.com/simachan/simacha/material/image/button/home01.gif dengan URL gambar yang suka.

7. Simpan Template Kalau sudah selesai.

0 komentar:

Posting Komentar