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>


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 :

Ditulis Oleh : Admin 1 ~pixel tutorial

Muh.Akram Anda sedang membaca artikel berjudul Cara Membuat Objek Melayang yang ditulis oleh pixel tutorial yang berisi tentang : Dan Maaf, Anda tidak diperbolehkan mengcopy paste artikel ini.

Blog, Updated at: Januari 21, 2011

5 komentar:

  1. 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

    BalasHapus
  2. bang udin blognya ...
    infonya menarik bang udin is the best...

    BalasHapus
  3. sukses seau sahabat....
    tanks tutorianya....

    BalasHapus
  4. Bang udin makasih udah follow saya...
    info tutorial dari bang udin bagus semua...Bang udin is the best.

    BalasHapus
  5. mantap bognya, mantap infonya....

    BalasHapus

Total Tayangan Laman

Open Chat
1
_
Hello! Thanks for visiting my site. Please press Start button to Contact with Admin :)

Start

FANS PAGE

Pengalaman Menarik

Arsip Blog