Gambar melayang floating di blog

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:

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 kawan-kawan.

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/AVvXsEj80uWGe_SQVIglsGamj8h37UBtdUg-ldk8uy8E43YdBw_8mfCoPRn84g2o1UfJ66NaMkZkKwb-q6sKW7N5S_ANbXBxXgBweUiyY8aTu2rL9c-5AELvcm6UvU-c_tkFd7wh676IcoIQj_g/s1600/NarutoVSSasuke.gif'/></a>
</div>

Simpan template...

Sumber : http://servicehpterbaru2011.blogspot.com/2011/09/cara-membuat-gambar-melayang-di-pojok.html

Kembali - Berikut

Tweet

Share to social media

Google+

Twitter

Facebook

Linkedin

Digg

Map » Gambar melayang floating di blog » Gambar melayang floating di blog.
Bookmark Gambar melayang floating di blog ke halaman favorite anda.
http://sumbertips.blogspot.com/2012/10/gambar-melayang-floating-di-blog.html.