29 May 2012

Membuat Floating Content di Blogger





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

 

Aryo Widiantoko Graphic Design, Web Design, Production ©2012