Cara Membuat Float Image untuk Blog Korang

Ini adalah tutorial untuk membuat imej yang sentiasa terpapar di blog korang, walaupun korang pergi ke atas atau bawah page blog korang, imej sentiasa ada di situ tanpa bergerak ke tempat lain.

1.log in dashboard blog korang-->Design- -> Edit HTML

2.klik pada "Expand Widget Template"

3.lakukan carian kod di bawah, tekan Ctrl+F dan paste kod dibawah dalam kotak carian:-

]]></b:skin>

4.Kemudian masukkan kod di bawah pada sebelum kod langkah 3.

#float_corner {
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);}
Contoh :

#float_corner {
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);}
]]></b:skin>
Nota: "bottom", "left" adalah posisi imej yang korang ingin letak. korang boleh mengubah posisi samaada "top", "bottom", "left", "right"

5.Sekarang salin kod di bawah dan paste sebelum kod </body> .

<div id="float_corner">
<a href="http://2009bloggertemplates.blogspot.com"><img src="http://i626.photobucket.com/albums/tt346/wam8387/sun.jpg" border="0" /></a>
</div>

Note:
Gantikan "http://2009bloggertemplates.blogspot.com" and "http://i626.photobucket.com/albums/tt346/wam8387/sun.jpg" dengan imej yang korang mahu paparkan.

"http://i626.photobucket.com/albums/tt346/wam8387/sun.jpg" adalah URL untuk imej.

"http://2009bloggertemplates.blogspot.com" adalah target link setelah di klik.




Klik preview dan jika sudah berpuas hati, klik save template.