Kamis, 03 Maret 2011

Cara membuat gambar melayang di pojok halaman blog


Kamu mungkin pernah melihat pada sebuah blog ada gambar melayang di samping blog baik itu di bawah maupun di atas....
cara membuatnya adalah sebagai berikut:

  1. Seperti biasa login blogger
  2. masuk ke rancangan dan edit html
  3. cari kode ]]></b:skin> (ctrl+F untuk mempermudah pencarian) dan letakkan kode dibawah ini di atas kode tadi
#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 kamu.

untuk selanjutnya cari kode </body> dan letakkan kode ini di atas kode tadi:
  

<div id='gambar_melayang'>
<a href='http://sitinur-smansev.blogspot.com/'>
<img alt='' border='0' src='http://i1108.photobucket.com/albums/h404/inicica/dylan-cole-sprouse-got-milk-.jpg'/></a>
</div>
Kode  http://sitinur-smansev.blogspot.com/ silahkan ganti dengan alamat blogger kamu. dan kode http://i1108.photobucket.com/albums/h404/inicica/dylan-cole-sprouse-got-milk-.jpg adalah alamat gambar yang dipakai silahlan ganti sesuai keinginan..


selamat mencoba.......... 

0 komentar:

Posting Komentar

 
Powered by Blogger