Senin, 22 November 2010

Tips & Trik Membuat Gambar Melayang di Pojok lebih dari satu

Kali ini saya berbagi tips membuat gambar melayang dipojok,melanjutkan
Tips Membuat Gambar Hidup Di Pojok Blog
mungkin tips tersebut membuat gambar dipojok halaman blog kita hanya satu gambar.
nah tips kali ini gamabar tersebut akan lebih dari satu...
nah berikut ini langka- langkah nya:
1. Masuk ke Edit HTML
2. lalu klik expand widget template......(bila di perlukan...backup dulu templatenya)
3. Cari Kode seperti ini ]]></b:skin>
lalu pastekan kode di bawah ini tepat di atas kode tadi :

#gambar_pojokan {
position:fixed;_position:absolute;bottom:0px; left:0px; (gambar kiri bawah)
clip:inherit;
_top:expression(document.documentElement.scrollTop+
document.documentElement.clientHeight-this.clientHeight); _left:expression(document.documentElement.scrollLeft+ document.documentElement.clientWidth - offsetWidth); }
#gambar_pojokan1 {
position:fixed;_position:absolute;bottom:0px; right:0px; (gambar kanan bawah)
clip:inherit;
_top:expression(document.documentElement.scrollTop+
document.documentElement.clientHeight-this.clientHeight); _left:expression(document.documentElement.scrollLeft+ document.documentElement.clientWidth - offsetWidth); }
#gambar_pojokan2 {
position:fixed;_position:absolute;top:0px; left:0px; (gambar kiri atas)
clip:inherit;
_top:expression(document.documentElement.scrollTop+
document.documentElement.clientHeight-this.clientHeight); _left:expression(document.documentElement.scrollLeft+ document.documentElement.clientWidth - offsetWidth); }

4.lalu cari kode </body> pastekan kode berikut di atas kode tersebut :

<div id="gambar_pojokan">
<a href="url blog kamu/">
<img src="url gambar 1" border="0" /></a> (kiri bawah)
</div>
<div id="gambar_pojokan1">
<a href="url blog kamu/">
<img src="url gambar 2" border="0" /></a> (kanan bawah)
</div>
<div id="gambar_pojokan2">
<a href="url blog kamu/">
<img src="url gambar 3" border="0" /></a> (kiri atas)
</div>

5.lalu klik pratinjau atau langsung saved bila udah yakin.......................nah.....utak atik sendiri ya..

0 komentar:

Share

Twitter Delicious Facebook Digg Stumbleupon Favorites