Sebuah 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://wlgl-laksana.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://wlgl-laksana.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 :D
Kita juga harus ganti http://kurniasepta.blogspot.com dengan URL kita sendiri, tapi kalau tidak diganti juga terima kasih :z
7. Simpan Template Kalau sudah selesai.
0 komentar:
Posting Komentar