Membuat Gambar Melayang di Pojok (lebih dari satu)

[+] Post Title :

Membuat Gambar Melayang di Pojok (lebih dari satu)

[+] Date : 12/16/2009
[+] Author : Oktri darmadi
[+] Link : http://tipsbelajar-blog.blogspot.com/2009/12/membuat-gambar-melayang-di-pojok-lebih.html
[+] Type : Tips Blogger

Hy...friends,
kali ini saya berbagi tips membuat gambar melayang dipojok,melanjutkan tips Membuat Gambar Hidup Di Pojok Halaman 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...
nah edit lali dipikir logikanya di mulai dari gambar_pojokan,gambar_pojokan1,gambar_pojokan2,dst................terus kalau pengen 3 gambar di satu sudut yang sama...ubah setingan letak baik top/bottom,left/right,jarak antara gambar dengan sisi window,serta ubah absolute menjadi relative maksudnya,biar gambarnya ga saling tindes
sumber :http://www.secretoftrifle.co.cc/