Membuat Gambar Melayang Lebih Dari Satu Pada Blog

Pertama anda Login ke blogger terlebih dahulu

Kemudian klik TATA LETAK >> EDIT HTML

Jika sudah jangan lupa Centang Expand Template Widget

Kemudian Cari Kode ]]></b:skin> kalau sudah ketemu, silahkan Anda COPAS kode di bawah ini dan letakkan di atasnya:

#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> silahkan Anda COPAS kode di bawah ini dan letakkan di atasnya:

<div id="gambar_pojokan">
<a href="http://www.mahasiswafreak.com/">
<img src="http://www.kaskus.us/images/smilies/shakehand2.gif" border="0" /></a> (kiri bawah)
</div>
<div id="gambar_pojokan1">
<a href="http://www.mahasiswafreak.com/">
<img src="http://www.kaskus.us/images/smilies/shakehand2.gif" border="0" /></a> (kanan bawah)
</div>
<div id="gambar_pojokan2">
<a href="http://www.mahasiswafreak.com/">
<img src="http://www.kaskus.us/images/smilies/shakehand2.gif" border="0" /></a> (kiri atas)
</div>

Simpan Template...

Keterangan:
Silahkan Ganti Tulisan Warna MERAH dengan URL Anda dan Tulisan berwarna HIJAU dengan URL gambar yang Anda inginkan