Jumat, 02 Juli 2010

Membuat Gambar di Pojok Blog (lebih dari satu)

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.


Semoha Sukses