tutorial untuk membuat widget melayang di blogger/blogspot

widget melayang adalah trik untuk mempercantik blog mu di blogger, widget yang anda pasang seolah berada diatas area blogmu sehingga tidak mengikuti scroll bar web browser anda jadi tempat widget ini akan tetap berada di posisinya( seolah-olah melayang di atas are web browser anda)dan tidak mengikuti scroll bar. Disini ku beri contoh status Yahoo Messenger yang aku pasang dengan trik widget melayang.
Anda penasaran ingin membuatnya???.. ikuti tutorial di bawah ini.
Login ke blogger anda masuk ke nemu Layout kemudian masuk ke Edit HTML

Cari kode]]></b:skin>

bila sudah ketemu copy paste code di bawah ini di atas 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

kemudian langkah kedua adalah mencari code </body>
bisa menggunakan Crtl+F untuk memudahkan pencarian code
bila sudah ditemukan pasang code dibawah ini diatas 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”/&gt;

</a>
</div>

Nah Code yang berwarna merah diatas itu adalah staus YM tinggal di isi dengan user YM kamu, yang merupakan widgetnya bisa kamu gantidengan widget-widget lain yang kamu miliki..
Kemudian simpan pengaturan, dan lihat hasilnya
gampangkan???!!!
sampai di sini dulu ulasan tentang widget melayang di blogspot ini. semoga bermanfaat bagi anda.. tulisan ini bersumber dari tutorial jitunya mas anas mau lihat teks aslinya bisa di klik “disini“.

“Anda Suka dengan posting disini??, anda bisa berlangganan posting di sini melalui melalui email anda,”

alamat email mu:

Delivered by FeedBurner

Tag: , , ,

Tinggalkan Balasan

Isikan data di bawah atau klik salah satu ikon untuk log in:

Logo WordPress.com

You are commenting using your WordPress.com account. Logout / Ubah )

Gambar Twitter

You are commenting using your Twitter account. Logout / Ubah )

Foto Facebook

You are commenting using your Facebook account. Logout / Ubah )

Foto Google+

You are commenting using your Google+ account. Logout / Ubah )

Connecting to %s


%d blogger menyukai ini: