1. Login ke Blogger. Lalu klik Layout -> Edit HTML
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>
Silahkan ganti tulisan yang berwarna merah dengan teks, link, gambar, iklan, atau widget anda.
4. Jika sudah Save templatenya lalu lihat hasilnya.
#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>
Silahkan ganti tulisan yang berwarna merah dengan teks, link, gambar, iklan, atau widget anda.
4. Jika sudah Save templatenya lalu lihat hasilnya.
-----------------------------------------------------------------------------------------
Gunakan ----{ CTRL + F }---- Untuk Mencari Artikel
-----------------------------------------------------------------------------------------
Postingan Baru :
thank bang,blog abang sangat berguna bagi saya,oia giman sih caranya biar mousenya dikelilingi teks kayak punya bang udin.kasi screen shootnya donk.trim
BalasHapusbang udin blognya ...
BalasHapusinfonya menarik bang udin is the best...
sukses seau sahabat....
BalasHapustanks tutorianya....
Bang udin makasih udah follow saya...
BalasHapusinfo tutorial dari bang udin bagus semua...Bang udin is the best.
mantap bognya, mantap infonya....
BalasHapus