Monday, July 15, 2013

Gambar Melayang di Blog

Trik ini sangat bermanfaat bila Anda menyediakan ruang iklan. Iklan dalam bentuk gambar (disarankan berukuran 125 x 125 pixel), akan selalu tampil di atas meskipun layar browser digerakan ke atas maupun ke bawah.

Cara memasangnya sebagai berikut.

1. Masuk ke kotak Edit HTML.

2. Cari kode ]]></b:skin> lalu ketik kode di bawah ini.

#pojok_kiri {

position:fixed;_position:absolute;bottom:0px; left:0px;

clip:inherit;

_top:expression(document.documentElement.scrollTop+

document.documentElement.clientHeight-this.clientHeight); _left:expression(document.documentElement.scrollLeft+ document.documentElement.clientWidth - offsetWidth); }

Huruf yang dicetak tebal bisa Anda ganti bottom menjadi top dan left menjadi right.

3. Cari kode <body> lalu ketik kode di bawah ini.

<div id='pojok_kiri'>

<a href='http://sudarmaster.com'>

<img border='0' src='http://lh6.ggpht.com/sudarmaster/SKAYzf_wi3I/AAAAAAAAAmM/kkH8z9_kBiE/s144/bannerebook.jpg'/></a>

</div>

Ganti http://sudarmaster.com menjadi link url tujuan Anda dan 'http://lh6.ggpht.com/sudarmaster/SKAYzf_wi3I/AAAAAAAAAmM/kkH8z9_kBiE/s144/bannerebook.jpg' menjadi lokasi gambar milik Anda.

clip_image002

Simpan hasil modifikasi Anda. Hasilnya seperti gambar berikut.

clip_image004

Previous Post
Next Post

post written by:

0 komentar: