29 May 2012
Membuat Floating Content di Blogger
,
Author: Unknown
|
Filed Under:
Internet
Floating content adalah sebuah bagian di dalam blog yang yang letaknya mengapung, jadi walaupun halaman di-scroll di posisi manapun, konten itu akan tetap berada di posisinya.
Floating Content bisa berupa gambar, tulisan, atau animasi. Bisa juga berupa iklan.
Berikut saya berikan panduan cara memasang Floating Content pada blogger.
1. Login ke blogger anda lalu klik "Rancangan > Edit HTML
2. Cari kode ini ]]></b:skin>, kalau susah anda bisa mengaktifkan "FIND" di browser dengan cara ketik CTRL+F.
3. Copy kode dibawah ini sebelum Tag ]]></b:skin>
#floating {
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); }
4. Text yang di-bold bisa diganti posisinya sesuai keinginan, bisa di kanan atas, kiri atas, kiri bawah atau kanan bawah.
5. Copy code dibawah ini sebelum Tag </body> :
<div id="trik_pojok"><a href="http://trik-tips.blogspot.com">
<img src="http://lokasi gambar anda" border="0" /></a></div>
6. Text yang berwarna merah adalah lokasi konten yang akan dibuat floating. Selamat berkreasi ;)
--Aryo
Subscribe to:
Post Comments (Atom)
0 comments:
Post a Comment