Sudah berlangganan artikel blog ini via RSS Feed?

Widget melayang

Pembahasan sebelumya saya sudah menjelaskan tentang Cara Menampilkan Status YM di Blog, nah sekarang bagaimana caranya agar memebuat status YM kita melayang - layang "Widget melayang". fungsinya jika anda menggeser scroll bar browser widget ini, status YM akan selalu berada ditempatnya dan tidak mengikuti scroll bar alias hanya diam ngak bergerak sama sekali. Jika kurang jelas silahkan contoh gambar dibawah ini :
logo YM








Begini cara membuatnya :

Langkah pertama anda masuk ke menu Layout atau Tata Letak kemudian masuk Edit HTML Lalu taruh Code dibawah ini diatas Code ]]></b:skin>

#melayang {
position:fixed;_position:absolute;top:0px;right:0px;
clip:inherit;
_top:expression(document.documentElement.scrollTop+
document.documentElement.clientHeight-this.clientHeight); _left:expression(document.documentElement.scrollLeft+ document.documentElement.clientWidth - offsetWidth); }

Huruf yang berwarna merah diatas adalah posisi widgetnya "status YM" TOP adalah atas sudut kanan jika ingin menaruh di bawah kamu bisa ganti dengan Bottom, right adalah kanan jika ingin mengganti di kiri bisa kamu ganti dengan left.
Langkah selanjutnya taruh code dibawah ini yang merupakan widget sebelum kode </body>

<div id="melayang">
<a href="ymsgr:sendIM?Id_Ym_Kamu"> <img src="http://opi.yahoo.com/online?u=Id_Ym_Kamu&amp;m=g&amp;t=1&amp;l=us"/>
</a>
</div>

Nah Code yang berwarna biru diatas itu adalah staus YM yang merupakan widgetnya bisa kamu ganti. Jika ingin lebih lengkapnya baca tentang cara menampilkan status YM di blog .

Kemudian SAVE, dan lihat hasilnya :)

Oya kode yang berwarna biru bisa anda ganti dengan widgte yang anda suka, jika ada pertanyaan tentang widget melayang silahkan comment... :)
 

Terimakasih sudah mengunjungi blog ini... :D

Powered by  MyPagerank.Net

11 komentar:

sungaikuantan mengatakan...

pertaamaXXXxxxxxxxxxxxxx............
siip dah bro....
langsung aku praktek dah....

putroweb mengatakan...

@sungaikuantan : semoga berhasil :)

slusman mengatakan...

I give u awards.Check@my blog :-)

putro mengatakan...

@ slusman : maksih banyak dah kasih saya penghargaan... :). sukses selalu.... juga buat slusman

tama mengatakan...

arigato...top bgt deh...:D

Haris Darko mengatakan...

terima kasih atas artikelnya

mundo_idiot mengatakan...

kenpa mas code untuk buat footer section jadi 3 kolom ,diseluh dunia tak kelilingi kok tidak ada yang cocok ,, sebenarnya ,teorynya bagaimana,

Regar mengatakan...

makasih bro

jual karpet mengatakan...

waaa lucu jugaa

karangan bunga mengatakan...

saya berhasil membuatnya, terimakasih

Vimax Original Pembesar Mr.P Herbal mengatakan...

artikelnya sangat membantu thanks for sharing
kunjungi web kami gan => www.vimaxkapsuloriginal.com

Posting Komentar


 

My Friends Google

My Profile

cojogja Blog ini saya buat, untuk berbagi informasi kepada teman - teman, dan sebagai rangkuman untuk diri saya sendiri. ( Semoga gak bosen Dengan Blog Saya... :D )