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); }
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&m=g&t=1&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
79 comments:
saya coba ya, mas..terima kasih info nya..
wah itu yang ditunggu baru mo ngasih taw .. coba ah. sama blog gw
@iam
sama-sama semoga bermanfaat bagi anda dan pembaca lainya
wah asyi sekarang aku coba deh,,,,,,,, makasih buat mas anas ama mas kandhin_x......maha guru deh, kalo bisa cek di rumah aku mas
Wah,dapet tips& trik gratisan. Thanks ya..
Nanti aku coba kalo lg online di kompie-ku.
Wah,dapet tips& trik gratisan. Thanks ya..
Nanti aku coba kalo lg online di kompie-ku.
keren nas. api jadi ganggu pandangan ga siy?
keren nih kang, kalo wordpress gmn yah?
kerrrrrrrrrrrrrrrrreeeeeeeeeeeeeeennnnnnnnnnn
aaaaaaaaaaabBBBBBBBBBBBBBiiiiiiiiiiiiiisssssss
ada yang baru lagi ga? ilmunya, share dong
weh appikkkk... YM online nya isa mojok... pengen aku... thanks mas artikele keren abis... keren ko bisa abis??
@Amri Krisnadi
kalau keren abis.. berarti gak keren dunk :D soalnya kerenya udah habis. wkakakaa
aku habis tertimpa musibah...nehh, kena tsunami blog aku.....semua saudata-saudataku meninggal dunia net...he he he
absen wae kang. mantap top.
yah baru gabung ni,,daftar yaa,,huaaayaah keren ga abis2 ni,, paten kang,,
Mas ADmin, saya coba trik yg ini tapi gagal.. Padahal saya udah betul setingnya.. Apa karena saya pakainya new blogger bukan classic?
Asyik tu bisa melayang-layang, cool lagi. Makasi mas, atas tutorialnya, ow ya, tukeran link ya mas. Thx
mas kode ini di pake di wordpress.com bisa ga, mohon jawabannya ya mas
trims
Trma kasih ni mas atas postingan tutorial2 nya
numpang sedot trik nya kang, terima kasih banyak kang, ini sangat berguna bagi saya, maklum newbie kang. Dan salam kenal ma semuanya
aku ko nga bisa pasang yg kaya itu si bisa si bisa cuma on ym nya duank yg bisa yang lain nag bisa
uapik tenan mas
TRima kasih tips nya mas..saya akan coba
thanks yah:)
wah keren mas B), btw salam knal n sambil Bertukar Link Yuuk
Maaf Bos, kenapa ya pas mau pratinjau balasannya perubahan template tidak bisa dilakukan, makasih tips nya
huaaaa makasih ^^
lucu melayang gt... keren...
td kode na mas tutorialjitu aku utak-atik,,,hihihi...
salam knal mas..
makasi bwt infonya..
gmn c caranya index k google???
thx before
aaherm.co.cc
makasih mas anas ! tanks berat !
keren mas, untuk yg clasic gimana kodenya....?
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)
mas saya masih lom bisa bikin komentar di bawah posting nih
wkwkwkw................
udah ga jalan lagi tuh mas.........
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)
TERIMA KASIH BUUUUAAAAANGETTTTT....MAZ
Artikelnya semuanya BUUUUAAAAAAAGUUUUSSSSS2..
top dah, langsung praktek :)
top bgt, langsung praktek :)
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.
makasih atas tips trik nya,,,,jadi agak mercing ne blog nya,,,
wah keren banget tips nya, widget bisa melayang-layang kayk layangan aja. asiikkk..
banget-banget okeh nih tipsnya. melayang-layang.. huhu...
thanks kk infonya..
Terimakasih bro..:)
mudah dimengerti
sudah aku coba dan berhasil dg baik widgetnya.
artikel yg bagus.
trm ksh.
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..
wah tutorialnya menarik.. sip udah di coba nih sobat
thank bro
Coba ah... thanks...toturnya
mantab gan
ada yg lain ga???
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...
MAKASIH MAS
tanks Gan....bermanfaat banged bwt ane,blog portal ane jd makin yahut, visitback yaw gan..
Silahkan berkunjung di blogku.. http://nofianto777.blogspot.com/
Job Feed Aggregator : wah emang mantaban bin toyiban sekali informasinya :D General Forum Discussion
terimakasih
Indonesia News Aggregator
makasih infonya bro, sekali-sekali berkunjung ya...di tunggu
Thanks.... salam blogger.... http://didid-cracker.blogspot.com/
thank's
sukses selalu dengan infonya sangat menarik sekali dan mantap.lam kenal aja kunjungan perdananya.maju terus........
Baru sempat mampir nih!
Liat-liat dulu....
Situsnya bagus nih!
apalagi artikelnya, menarik banget!
Saya seperti disuguhi makan enak!
Terima Kasiiiiiih.. Amat Sangat Membantu Sekali!!
Semoga web/blog anda jadi lebih ramai karena berbagi ilmu..
(Ilmu yang bermanfaat)
mampir nich dari JAKSEL.. salam
sip, tutorialnya sangat bermanfaat.
Wah pengen sekali bisa seperti itu... maksih infonya... nice
...http://lbukhori.blogspot.com
hehe, ini nih yg aku cari... makasih yah... kunjung juga ke blog newbie: lamanbaca.blogspot.com
mana widget ym kamu? ga ada kok... hheee
but, thanks for sharing....
tku buat infonya :)
seepp, akan diterapkan..
Thank's brada.....berhasil ane pasang di blog sekolah ane....http://www.miftahussalam.web.id/
good gan ..
come to my blog http://arvispenda.blogspot.com/ .. jangan lupa follow
Terima kasih kawan, nice!!
mantab sob
keren :D
Nice tutorial sob! Kapan-kapan bakal saya cobain nih di blog saya.
SALAM KENAL & SALAM BLOGGER :)
Thanks buat tutorialnya gan :D
Tutorialnya sangat membantu sekali, Thanks banget Gan..
mantap tutorianya jitu banget
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