Sabtu, 25 Desember 2010

Membuat Widget Melayang di Sebelah Kanan Atau Kiri Templete Blog

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); }

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>

<div id="melayang">
<a href="ymsgr:sendIM?IdYmKamu"> <img src="http://opi.yahoo.com/online?u=IdYmKamu&amp;m=g&amp;t=1&amp;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.....
Masukan alamat Email kamu disini untuk mendapatkan artikel terbaru..!

Artikel Yang Berhubungan



advertisment zona

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

← Previous Post Next Post → Home
Related Posts Plugin for WordPress, Blogger...
 
Hgpromo.org