Membuat Widget Melayang

Posted By anasku
Weh Emangnya Layang-layang pa melayang segala, Wah si Anas ngawur neh..! :D Wah 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 aku yang aku buat melayang

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

Sekian semoga bermanfaat bagi pembaca blog ini
Artikel Terkait untuk "Membuat Widget Melayang"


79 comments:

iam said...

saya coba ya, mas..terima kasih info nya..

Anonymous said...

wah itu yang ditunggu baru mo ngasih taw .. coba ah. sama blog gw

Anasku said...

@iam
sama-sama semoga bermanfaat bagi anda dan pembaca lainya

Anonymous said...

wah asyi sekarang aku coba deh,,,,,,,, makasih buat mas anas ama mas kandhin_x......maha guru deh, kalo bisa cek di rumah aku mas

embohpokoke said...

Wah,dapet tips& trik gratisan. Thanks ya..
Nanti aku coba kalo lg online di kompie-ku.

embohpokoke said...

Wah,dapet tips& trik gratisan. Thanks ya..
Nanti aku coba kalo lg online di kompie-ku.

Anonymous said...

keren nas. api jadi ganggu pandangan ga siy?

Anonymous said...

keren nih kang, kalo wordpress gmn yah?

Unknown said...

kerrrrrrrrrrrrrrrrreeeeeeeeeeeeeeennnnnnnnnnn
aaaaaaaaaaabBBBBBBBBBBBBBiiiiiiiiiiiiiisssssss

Diana Yusuf said...

ada yang baru lagi ga? ilmunya, share dong

Bakule Telo said...

weh appikkkk... YM online nya isa mojok... pengen aku... thanks mas artikele keren abis... keren ko bisa abis??

Anasku said...

@Amri Krisnadi
kalau keren abis.. berarti gak keren dunk :D soalnya kerenya udah habis. wkakakaa

Anonymous said...

aku habis tertimpa musibah...nehh, kena tsunami blog aku.....semua saudata-saudataku meninggal dunia net...he he he

Cak Wawan Aja said...

absen wae kang. mantap top.

anto_gp said...

yah baru gabung ni,,daftar yaa,,huaaayaah keren ga abis2 ni,, paten kang,,

Anonymous said...

Mas ADmin, saya coba trik yg ini tapi gagal.. Padahal saya udah betul setingnya.. Apa karena saya pakainya new blogger bukan classic?

Anonymous said...

Asyik tu bisa melayang-layang, cool lagi. Makasi mas, atas tutorialnya, ow ya, tukeran link ya mas. Thx

Anonymous said...

mas kode ini di pake di wordpress.com bisa ga, mohon jawabannya ya mas

trims

ical said...

Trma kasih ni mas atas postingan tutorial2 nya

rudi said...

numpang sedot trik nya kang, terima kasih banyak kang, ini sangat berguna bagi saya, maklum newbie kang. Dan salam kenal ma semuanya

Anonymous said...

aku ko nga bisa pasang yg kaya itu si bisa si bisa cuma on ym nya duank yg bisa yang lain nag bisa

Abdi said...

uapik tenan mas

admin said...

TRima kasih tips nya mas..saya akan coba

aishareefa said...

thanks yah:)

Life Gadget said...

wah keren mas B), btw salam knal n sambil Bertukar Link Yuuk

AGUS SETYADI said...

Maaf Bos, kenapa ya pas mau pratinjau balasannya perubahan template tidak bisa dilakukan, makasih tips nya

Chichit Chichit said...

huaaaa makasih ^^
lucu melayang gt... keren...
td kode na mas tutorialjitu aku utak-atik,,,hihihi...

Anonymous said...

salam knal mas..
makasi bwt infonya..

Unknown said...

gmn c caranya index k google???
thx before
aaherm.co.cc

cayo cahaya said...

makasih mas anas ! tanks berat !

" Andre Khan " said...

keren mas, untuk yg clasic gimana kodenya....?

Jamaludin said...

Mas Anas mau tanya: Klo YMnya ada lebih dari 2 ID trun mau di bikin vertikal kaya mas anas gimana tuh caranya...
Trus klo mau tambahin kata ON YM Diatasnya gimana..
Trims..Semoga lancar-lancar aja bisnisnya B)

thedalban said...

mas saya masih lom bisa bikin komentar di bawah posting nih

cb914 said...

wkwkwkw................

udah ga jalan lagi tuh mas.........

Anonymous said...

MAS ANAS YG CAEM...
HASILNYA KOK KECIL??? GIMANA CARANYA MERUBAH AGAK GEDE???? APA DIDEPAN OPX DIKASIH UKURAN BERUPA ANGKA???.
BAGAIMANA KALAU MAU PASANG FOTO ATU YANG LAINNYA???? MATUR SUWUN,MAS ANAS...(kirim lewt email juga boleh.edyputrajepara@gmail.com)

OrizaSativa said...

TERIMA KASIH BUUUUAAAAANGETTTTT....MAZ
Artikelnya semuanya BUUUUAAAAAAAGUUUUSSSSS2..

Unknown said...

top dah, langsung praktek :)

Unknown said...

top bgt, langsung praktek :)

Info Blog said...

mas, ada cara yang lebih simpel, ubah aja CSS-nya jadi begini:

#melayang {position:fixed; bottom:0px; left:0px;}
* html #melayang {position:relative;}

Cuma 2 baris, dan bisa bekerja, lho!!

Artikelnya ada di sini.

Kenali dan Kunjungi Objek Wisata di Pandeglang said...

makasih atas tips trik nya,,,,jadi agak mercing ne blog nya,,,

mengembalikan jati diri bangsa said...

wah keren banget tips nya, widget bisa melayang-layang kayk layangan aja. asiikkk..

bisnis online said...

banget-banget okeh nih tipsnya. melayang-layang.. huhu...

Kenali dan Kunjungi Objek Wisata di Pandeglang said...

thanks kk infonya..

moratmarit said...

Terimakasih bro..:)

dhe mount said...

mudah dimengerti

belajar bisnis internet said...

sudah aku coba dan berhasil dg baik widgetnya.
artikel yg bagus.
trm ksh.

BhestMilla SC said...

telah dicoba dengan sukses..tapi saya maunya dua atau tiga widget saya melayang bersamaan tapi ti tempat yang berbeda..apa yang bsa saya lakukan..terima kasih..

Tanya Gratisan said...

wah tutorialnya menarik.. sip udah di coba nih sobat

heru said...

thank bro

d'araCM said...

Coba ah... thanks...toturnya

agus said...

mantab gan
ada yg lain ga???

Cerita Dunia said...

Mantap mas. Tp aq mo nanya boleh. Tp ni lain judul. Apa sih tips supaya iklan AdSense selalu muncul seperti yg diharapkan. Soalnya di blogQ selalu Iklan Layanan Publik. Makasih sebelumnya...

santo said...

MAKASIH MAS

DBC said...

tanks Gan....bermanfaat banged bwt ane,blog portal ane jd makin yahut, visitback yaw gan..

Unknown said...

Silahkan berkunjung di blogku.. http://nofianto777.blogspot.com/

Yuniico said...

Job Feed Aggregator : wah emang mantaban bin toyiban sekali informasinya :D General Forum Discussion

terimakasih

Indonesia News Aggregator

Unknown said...

makasih infonya bro, sekali-sekali berkunjung ya...di tunggu

Jandi said...

Thanks.... salam blogger.... http://didid-cracker.blogspot.com/

gawe geblog ketan said...

thank's

Aqiqah said...

sukses selalu dengan infonya sangat menarik sekali dan mantap.lam kenal aja kunjungan perdananya.maju terus........

Alat Bantu Dengar said...

Baru sempat mampir nih!
Liat-liat dulu....
Situsnya bagus nih!
apalagi artikelnya, menarik banget!
Saya seperti disuguhi makan enak!

Percetakan Company Profile said...

Terima Kasiiiiiih.. Amat Sangat Membantu Sekali!!
Semoga web/blog anda jadi lebih ramai karena berbagi ilmu..
(Ilmu yang bermanfaat)

jasa ekspedisi said...

mampir nich dari JAKSEL.. salam

percetakan said...

sip, tutorialnya sangat bermanfaat.

Muhammad Luqman Bukhori said...

Wah pengen sekali bisa seperti itu... maksih infonya... nice

...http://lbukhori.blogspot.com

laman baca said...

hehe, ini nih yg aku cari... makasih yah... kunjung juga ke blog newbie: lamanbaca.blogspot.com

Zack said...

mana widget ym kamu? ga ada kok... hheee
but, thanks for sharing....

Ciu Wanara said...

tku buat infonya :)

music improvisation said...

seepp, akan diterapkan..

h said...

Thank's brada.....berhasil ane pasang di blog sekolah ane....http://www.miftahussalam.web.id/

Unknown said...

good gan ..

come to my blog http://arvispenda.blogspot.com/ .. jangan lupa follow

Nuansa Mahardhika said...

Terima kasih kawan, nice!!

Anonymous said...

mantab sob

T I A said...

keren :D

topSpot | Find your top spot here said...

Nice tutorial sob! Kapan-kapan bakal saya cobain nih di blog saya.

SALAM KENAL & SALAM BLOGGER :)

lekitra said...

Thanks buat tutorialnya gan :D

chip sakti said...

Tutorialnya sangat membantu sekali, Thanks banget Gan..

obat kutil kelamin ampuh said...

mantap tutorianya jitu banget

Dorime said...

Bagi kalian yang memiliki kendaraan bermotor baik itu mobil, motor ataupun kapal laut. Kalian bisa melacak keberadaan atau posisi kendaraan yang kalian miliki dengan menggunakan GPS Tracker. Untuk mengetahui lebih jelas tentang GPS Tracker, kalian dapat mengujungi blog saya yang membahas dan membagikan informasi tentang GPS Tracker.
GPS Tracker

Post a Comment

 

Site Info

Add to Technorati Favorites
Visitor Online
Check PageRank

Recent Comments

Tutorial Jitu - Blog Info, Gadget-Widget, Blogspot tutorial, blog hack, free template, SEO And Blog tips : Admin By Luqman Khoirul Anas