Memasang Float Image

Written By Enda Fivers on 29 September 2009 | Tuesday, September 29, 2009


Banyak cara untuk mempercantik tampilan blog, diantaranya  adalah memasang float image dipojok halaman seperti yang dibahas kali ini...
Mau tau caranya??

Baiklah kita mulai saja pelajarannya,,
Pertama-tama marilah kita panjatkan puji syukur kehadirat ALLAH SWT...karna atas izin-Nya lah kita dapat melakukan apa yang kita lakukan saat ini...

Okeh langsung saja caranya :
1. Login ke Blogger pastinya
2. Pilih Tata Letak pada halaman dasbor
3. Klik Edit HTML
4. Beri tanda centang pada Expland Template Witget
5. Cari kode ini ]]></b:skin>  kalo dah nemu, paste kode dibawah tepat diatasnya :

#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. Setelah itu cari </body>  kalo dah nemu, paste kode dibawah ini tepat diatasnya :

<div id='trik_pojok'>
<a href='http://exeloph.blogspot.com'>
<img border='0' src='http://i796.photobucket.com/albums/yy249/enda_fivers/dancingpinguin.gif'/></a>
</div>
 <script src='http://kendhin.890m.com/emoticon/smile1.js' type='text/javascript'/>


Note : Yang berwarna merah adalah URL yang kamu inginkan, misalnya alamat Blog kamu gt, ato yang itu jg gpp....
hehehe... 
Kalo yang berwarna biru adalah URL gambar, kamu bisa mengganti gambar pinguin ini dengan yang lain, ato ga diganti juga gp...
hihihi...
Kalo mau ganti, upload image yang kamu inginkan ke tempat hosting gambar misalnya photobucket.com" ato sejenisnya, trus paste URL image yang kamu upload tadi menggantikan yang berwarna biru pada text HTML diatas...

eitsS,, ingat kalo dah dimasukin smua tuh kode HTML jangan langsung di save yah, PRATINJAU aja dulu, nah kalo dah berhasil kamu save deh... 





Download

3 comments:

eNdA said...

AyoO buruan coba...(bagi yg belum)

aryawan49 said...

wah bagus tu infonya sob... coba deh... kunjungi blog gw ya... trims di www.aryawan49.uni.cc . . yg co.cc udah aku hapus, gantinya yg ini..trims..

Yoga Bagus Aryawan said...

Ijin COPAS