Membuat Gambar Dipojok Lebih Dari Pada Satu

MEMBUAT GAMBAR DIPOJOK LEBIH DARI PADA SATU

Berikut ini langka- langkahnya :

• Masuk ke Edit HTML
• lalu klik expand widget template......(bila di perlukan...backup dulu templatenya)
• 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); }

• 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>

• 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/

Judul : Membuat Gambar Dipojok Lebih Dari Pada Satu
Rating : 4.5
Ditulis Oleh : sy@ms

Jika mengutip harap berikan link yang menuju ke artikel Membuat Gambar Dipojok Lebih Dari Pada Satu ini. Sesama blogger mari saling menghargai. Terima kasih atas perhatiannya