Cara membuat gambar melayang di pojok halaman blog
Kawan-kawan mungkin pernah melihat pada sebuah blog ada gambar melayang di samping blog baik itu di bawah maupun di atas....
cara membuatnya adalah sebagai berikut:
- Login blogger
- Rancangan, Edit Html, Cari kode ]]></b:skin>
- Dan Simpan kode berikut diatasnya :
#gambar_melayang {
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); }
huruf berwarna biru bisa anda ganti untuk posisinya dengan kombinasi kode : top (untuk atas) bottom (untuk bawah), dan left (seblah kiri) right (sebelah kanan) dipilih berdasarkan keinginan kawan-kawan.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); }
untuk selanjutnya cari kode </body> dan letakkan kode ini di atas kode tadi:
<div id='gambar_melayang'>
<a href='http://kangdadang.co.cc/'>
<img alt='' border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhc8eV_x08vsivgNh8YteAVZ4yl1any02-ya__08lnMHfxqD58tFfHRjQzAUaRBwFM4_n5CpEfTo_wegXYMfLSnvyR1efJsO7nRCpKQL8LnrNfKV_8qKHbECWccOpHVh5um3qjNSrGyiW8/s1600/NarutoVSSasuke.gif'/></a>
</div>
Simpan template...
<a href='http://kangdadang.co.cc/'>
<img alt='' border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhc8eV_x08vsivgNh8YteAVZ4yl1any02-ya__08lnMHfxqD58tFfHRjQzAUaRBwFM4_n5CpEfTo_wegXYMfLSnvyR1efJsO7nRCpKQL8LnrNfKV_8qKHbECWccOpHVh5um3qjNSrGyiW8/s1600/NarutoVSSasuke.gif'/></a>
</div>
Show
0 Comments
prev
next
