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 dengan right.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>
Silahkan ganti tulisan yang berwarna merah dengan teks, link, gambar, iklan, atau widget anda.
4. Jika sudah Save templatenya lalu lihat hasilnya.
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 dengan right.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>
Silahkan ganti tulisan yang berwarna merah dengan teks, link, gambar, iklan, atau widget anda.
4. Jika sudah Save templatenya lalu lihat hasilnya.
