Cara Membuat Objek Melayang di Blog

Cara Membuat Objek Melayang

1. Login ke Blogger. Lalu klik Layout -> Edit HTML
2. Letakkan kode dibawah ini diatas kode ]]></b:skin>



#float {opacity: 0.6; 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); } #float:hover { opacity: 1.0 }


0.6 : merupakan tingkat keredupannya. Semakin tinggi nilainya semakin tampak pula objeknya. (nilainya mulai dari 0.1 - 1)
Tulisan yang dicetak tebal merupakan posisi dari objek. Jika anda ingin meletakkan diatas maka gantilah bottom dengan top. Jika anda ingin meletakkan objeknya disebelah kanan maka gantilah left denganright.Jika anda ingin meletakkan ditengah maka gantilah nilai bottom atau leftnya. Semakin tinggi nilainya semakin ketengah objeknya.

3. Setelah itu, letakkan kode berikut diatas </body>




<div id='float'>letakkan konten anda disini</object>
</div>


Bisa diisi dengan teks, link, gambar, iklan, atau widget anda.

4. Jika sudah Save templatenya lalu lihat hasilnya.

Post by Doel Piero.