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
Sutra yuk tanpa berpanjang lebar.., kita langsung buat ajah:
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>
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>
Barisan kode berwarna merah merupakan kode widget Status YM. Kode tersebut bisa kamu ganti dengan widget pilihan kamu lainnya. Seep kan...???
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); }
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&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>
Barisan kode berwarna merah merupakan kode widget Status YM. Kode tersebut bisa kamu ganti dengan widget pilihan kamu lainnya. Seep kan...???