
cara Membuat Gambar Melayang di Blog - float image
Membuat Gambar Melayang di Blog
Kita akan belajar bersama-sama cara membuat gambar atau foto yang bisa melayang, seperti mahluk halus sajaSebuah blog juga harus kelihatan cantik 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); }
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://b26s-amoenthnia.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'/>
<a href='http://b26s-amoenthnia.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://b26s-amoenthnia.blogspot.com dengan URL kita sendiri, tapi kalau tidak diganti juga terima kasih :z 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.
mantap dah tips and triknya
http://essenaquatic.xyz