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 dibawah ini :
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); }
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 merah dan tebal 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>
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>
<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 staus YM yang merupakan widgetnya bisa kamu ganti.. Silahkan Baca Artikel saya di category Widget atau kamu punya widget sendiri yang ingin kamu pasang..
Kemudian SAVE
Semoga bermanfaat bagi Pembaca blog ini Ya... Salam Saung Jiwa.....
Comments :
0 komentar to “Membuat Widget Melayang di Sebelah Kanan Atau Kiri Templete Blog”
Posting Komentar
Terimaksih atas Komentar anda, Semoga Blog ini menjadi lebih baik. Salam....