Cara Membuat Widget Twitter Follow Us Melayang di Blogger/Blogspot
Tutorial Cara Membuat Widget Twitter Follow Me Melayang (Floating) di Blogger/Blogspot
Konsep widget ini sama dengan tombol back to top melayang Blogger beberapa waktu yang lalu, yaitu dengan memberikan styling CSS: fixed position dan scrolling display pada link gambar untuk memberikan efek melayang.
Cara membuat/memasang:
1. . Masuk ke dashboard > Design/Rancangan > Klik Add a Gadget
2. Setelah pop up window muncul, pilih opsi HTML/Javascript
Ganti azmisurvivor dengan nama account Twitter anda. Jika anda ingin widget berada di sebelah kiri browser, ganti right dengan left.<br/><a style="display:scroll;position:fixed;bottom:200px;right:1px;" href="http://twitter.com/azmisurvivor target="_blank"><img style="border:0;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhlfYaARVIKu5Z_C_1oWWYSzk8hvpQXEqmyvKskwsVc7uZOx2rVwOEWSob7ABkKHNFzQ2o0bppvGvnYDBRFcieFeIjhyphenhyphenpUnamtw1kVAmHFmnd70hqLnD17GZ4CZAazDay6ubHttAtsPXdwV/s1600/floatingtwitter.png" /></a>
4. Paste kode yang sudah di edit ke kolom configure HTML/Javascript.
5. Klik save.
6. Refresh blog dan lihat hasilnya.
Done and cheers!
mencuri adalah pekerjaan pengecut! © buka-rahasia.blogspot.com
Cara Membuat Widget Twitter Follow Us Melayang di Blogger/Blogspot
Written by: Ahmad Khoirul Azmi
Thanks for reading! Suka dengan artikel ini? Please link back artikel ini dengan codedi bawah atau share dengan sharing buttons di atas. Copy paste wajib dengan ijin saya, serta menggunakan link sumber seperti di bawah. Gunakan etika. Saya akan berlakukan DMCA COMPLAINT secara langsung tanpa pemberitahuan atas copas tanpa mengikuti ketentuan yg berlaku.
Written by: Ahmad Khoirul Azmi
Thanks for reading! Suka dengan artikel ini? Please link back artikel ini dengan codedi bawah atau share dengan sharing buttons di atas. Copy paste wajib dengan ijin saya, serta menggunakan link sumber seperti di bawah. Gunakan etika. Saya akan berlakukan DMCA COMPLAINT secara langsung tanpa pemberitahuan atas copas tanpa mengikuti ketentuan yg berlaku.
Author:
berarti untuk face book formatnya HTMLnya seperti ini yach gan....
href="http://facebook.com/azmisurvivor target="_blank"><img style="border:0;" src="http://1.bp.blogspot.com/-Hh4gBzsXHmo/TdIR-U8WOQI/AAAAAAAAAfQ/RnrqpPW62xU/s1600/floatingfacebook.png"
jangan lupa pollow yach gan...
ya, tp itu html dasarnya,belum bisa melayang tuh, harus diberi css styling position dan scroll, dan agar ada di sisi kanan/kiri dan melayang di tengah browser kanan/kiri ditambah aturan CSS juga, jadinya:
href="http://facebook.com/azmisurvivor target="_blank"><img style="display:scroll;position:fixed;bottom:200px;right:1px;" src="http://1.bp.blogspot.com/-Hh4gBzsXHmo/TdIR-U8WOQI/AAAAAAAAAfQ/RnrqpPW62xU/s1600/floatingfacebook.png"
oke, sudah tak follow back.
Terima kasih pak,saya dah coba dan succes.
postingannya +++++++++++++++++++++
sip! thanks....
qoq saya gag bisa? gag bisa masug ke twitter saya.. T_T
sudah mengikuti kode di atas tapi tetap gagal bagaimana ya?
sudah berhasil..
tapi setelah saya hapus kode target=
terima kasih infonya..
:)
sebenarnya ada target itu gak masalah, karena itu buka ke window baru, tapi it's okay kalo targetnya dihilangkan :D
sangat bermanfaat gan
salam kenal
www.agoblogs.co.cc
follow back ya gan
makasih
kk... tolongin saya donk... follow ku ilang... jadi gak bisa di follow :(
apa yang salah ya ?
http://www.adelia-proactive.blogspot.com
follow twitter atau google? trus awal kejadiannya gimana? saya udah cek blogmu tapi ga bisa menemukan sebabnya kalau ga tau detilnya. lebih spesifik lagi ya :D
kereeen ni mas bro...udah saya terapin...follback lapak q mas bro....trimakasi
muanteb gan ! thx yah ^^
kok punya ku gg muncul tombol twitternya??
masih bongkar pasang..makasih atas infonya..salam sukses
thaks,,,
http://www.jintoples.blogspot.com
Mantapz Gan, udah ane coba....
Buka-Rahasi emank mantapz....
Makasih ilmunya...
agan ko ga bisa masuk ke twitter saya terus gan?? tolong infonya , thanks :)
trimakasih infonya and nice blog:)
TTTTTTTTTRRRRRimakasih info nya,, . .
thanks gan
mampir ke blog ane juga yaa :)
Mantap, thanks gan, langsung ane terapkan dan sukses :)
gan, saya kok gagal ya? setelah diklik, that page doesn't exist. saya pikir karena saya pake https sementara yg tutorial ini kan pake http. tapi setelah saya ubah tetap sama.
Oya, akun saya masih eksis kok. Apanya ya yang salah? Mohon bantuannya.
Sekalian saya juga mo tau, gimana kodenya kalau digabungi ma FB like n Google Share
gwe suka gaya loe......................
Izin Copas Gan... Mudah2n berhasil...Trims
mantap gan,,,ijin copas skalian promosi http://jogjamuilmu.blogspot.com/
sipp ijin promosi uccend.blogspot.com banyak gratisanya lohh
Saya bikin di blog saya, diarah kursor twitterx gak jlan gan :), mhon diperjelas yah :)
really nice blog bray :D
suhu..
terimakasih utk ilmunya..
keren jaya ini, izin pake di blog ane ya..
selamat malam bang
saya sudah lama belajar dr blog anda :D
kalo mau buat menu horizontal kayak testimoni blog design seperti diatas gimana bang? apakah template nya pengaruh?
mohon petunjuk hehe
manusiatrendy.blogspot,com
mau tanya, ko pas udah dipasang trus ganti theme.. tapi abis itu widgetnya gk keganti ya? kogak ke apus? itu gimana cara ngapusnya gan??
http://abri19hefatnursyahidah.blogspot.com/
Halo, anda seharusnya menghapus widget/gadget terlebih dahulu sebelum ganti template, bersihkan dulu dari gadget, backup script gadget dan script penting di dalam template lama, baru setelah itu ganti/upload dengan template baru
makasih ya... lam kenal saya pemula
Post a Comment