Weh Emangnya Layang-layang pa melayang segala, Wah si Anas ngawur neh..! :D Wah apa sih yang dimaksud widget melayang di area blog? Baca dibawah ini untuk penjelasanya
Oke saya jelasin dikit yah mengenai trik kali ini yaitu widget melayang.. Jika anda menyimpan widget dan jika Anda menggeser scroll bar browser Anda widget ini akan berada ditempatnya tidak mengikuti scroll bar.
Sebagai Contoh kamu lihat Status YM aku yang aku buat melayang
Nah dari keterangan diatas apakah Anda minat untuk membuatnya..?
Silahkan ikuti trik dibawah ini untuk membuatnya :)
Langkah pertama yang harus kamu lakukan adalah Log In ke Blogger lalu masuk menu Layout kemudian masuk Edit HTML
Lalu taruh Code dibawah ini diatas Code ]]></b:skin>
#melayang {
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); }
Tulisan yang berwarna orange diatas itu adalah posisi widgetnya
bottom adalah bawah jika ingin mnaruh diatas bisa kamu ganti dengan top,Left adalah kiri jika ingin mengganti di kanan bisa kamu ganting dengan right
Langkah selanjutnya taruh code dibawah ini yang merupakan widget sebelum Code </body>
<div id="melayang">
<a href="ymsgr:sendIM?IdYmKamu"> <img src="http://opi.yahoo.com/online?u=IdYmKamu&m=g&t=1&l=us"/>
</a>
</div>
Nah Code yang berwarna merah diatas itu adalah status YM yang merupakan widgetnya bisa kamu ganti.. .
Kemudian SAVE
Oke saya jelasin dikit yah mengenai trik kali ini yaitu widget melayang.. Jika anda menyimpan widget dan jika Anda menggeser scroll bar browser Anda widget ini akan berada ditempatnya tidak mengikuti scroll bar.
Sebagai Contoh kamu lihat Status YM aku yang aku buat melayang
Nah dari keterangan diatas apakah Anda minat untuk membuatnya..?
Silahkan ikuti trik dibawah ini untuk membuatnya :)
Langkah pertama yang harus kamu lakukan adalah Log In ke Blogger lalu masuk menu Layout kemudian masuk Edit HTML
Lalu taruh Code dibawah ini diatas Code ]]></b:skin>
#melayang {
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); }
bottom adalah bawah jika ingin mnaruh diatas bisa kamu ganti dengan top,Left adalah kiri jika ingin mengganti di kanan bisa kamu ganting dengan right
Langkah selanjutnya taruh code dibawah ini yang merupakan widget sebelum Code </body>
<div id="melayang">
<a href="ymsgr:sendIM?IdYmKamu"> <img src="http://opi.yahoo.com/online?u=IdYmKamu&m=g&t=1&l=us"/>
</a>
</div>
Nah Code yang berwarna merah diatas itu adalah status YM yang merupakan widgetnya bisa kamu ganti.. .
Kemudian SAVE
Thanks gan :)
ReplyDeletesama" gan :bye:
ReplyDelete