Selasa, 21 Agustus 2012

You are here : Home » TAMPILAN BODY, TOP WIDGET, WIDGET BLOG » Pasang Gambar di Sudut Blog

Pasang Gambar di Sudut Blog

Perlu di perhatikan, trik ini pada dasarnya akan menambah berat pada loading blog. Jadi, sebaiknya pasang gambar yang berukuran kecil saja.

1. Masuk ke Template. Klik Edit HTML.
__Pilih lanjutkan. Tidak usah centang expand template widget.

2. Carilah kode ini. ]]></b:skin>
__Pakai CTRL F untuk menemukannya.

3. Masukkan kode berikut di atas kode ]]></b:skin> tadi.

#anima_sudut {position:fixed;_position:relative;top:0px; left:0px;clip:inherit;
_top:expression(document.documentElement.scrollTop+
document.documentElement.clientHeight-this.clientHeight); _left:expression(document.documentElement.scrollLeft+ document.documentElement.clientWidth - offsetWidth); }

4. Tulisan top dan left mengartikan posisi gambar berada di atas kiri. Jika ingin di bawah, ganti kata top dengan bottom. Dan apabila ingin di sebelah kanan, ganti kata left dengan right.

5. Cari lagi kode ini </body>

6. Masukkan kode berikut di atas kode </body>  tadi.

<div id='anima_sudut'>
<a href='URL blog'>
<img alt='' border='0' src='URL gambar'/></a>
</div>

7. Ganti tulisan URL blog dengan URL blog Agan. Contoh : http://ketagihanbaca.blogspot.com/. Dan ganti URL gambar dengan alamat gambar milik Agan.

8. Klik SIMPAN.

Tidak ada komentar: