Tuesday, February 10, 2009

Buat Widget Melayang

Klo kamu mau buat widget yang lumayan beda seperti contoh status YM milik saya yang terkesan "Melayang" di atas, bisa banget dan mudah lagi.

Well, lagi-lagi saya contek caranya di sini (seneng deh ke sini coz tutorialnya lumayan lengkap and mudah ^^ ~~ jgn marah ya om di contekin terus hhihi...)

Sutra yuk tanpa berpanjang lebar.., kita langsung buat ajah:

Pertama masuk ke blogger dan langsung menuju ke halaman Edit HTML. Jangan lupa centang Expand Widget Template.

Lalu letakkan kode di bawah ini sebelum kode ]]></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 bottom dan left yang bercetak tebal merupakan posisi widget berada. Bottom berarti posisi di bawah, bila ingin meletakkan di atas ganti dengan top. Begitu juga dengan left yang berarti kiri, bila ingin meletakkannya di kanan ganti dengan right.

Selanjutnya letakkan kode di bawah ini (yang merupakan widget YM) sebelum kode </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&gt

Barisan kode berwarna merah merupakan kode widget Status YM. Kode tersebut bisa kamu ganti dengan widget pilihan kamu lainnya. Seep kan...???

3 Efficacious Recipes to Eliminate Cellulite

No matter how old you are, what your skin type, and how your weight, cellulite is always a great enemy. He usually appears in the thighs, ab...