Buka Rahasia Blogspot: 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

3. Kemudian copy kode berikut:

<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>

Ganti azmisurvivor dengan nama account Twitter anda. Jika anda ingin widget berada di sebelah kiri browser, ganti right dengan left.

4. Paste kode yang sudah di edit ke kolom configure HTML/Javascript.

5. Klik save.

6. Refresh blog dan lihat hasilnya.

Done and cheers!

33 comments:

SuwardiTuesday, 17 May, 2011
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...
UnknownTuesday, 17 May, 2011
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.
SuwardiTuesday, 17 May, 2011
Terima kasih pak,saya dah coba dan succes.
postingannya +++++++++++++++++++++
UnknownWednesday, 18 May, 2011
sip! thanks....
delliana_saptaSaturday, 28 May, 2011
qoq saya gag bisa? gag bisa masug ke twitter saya.. T_T
sudah mengikuti kode di atas tapi tetap gagal bagaimana ya?
delliana_saptaSaturday, 28 May, 2011
sudah berhasil..
tapi setelah saya hapus kode target=
terima kasih infonya..
:)
UnknownSunday, 29 May, 2011
sebenarnya ada target itu gak masalah, karena itu buka ke window baru, tapi it's okay kalo targetnya dihilangkan :D
agus wahyudiThursday, 09 June, 2011
sangat bermanfaat gan

salam kenal

www.agoblogs.co.cc

follow back ya gan

makasih
Adelia KanayaFriday, 10 June, 2011
kk... tolongin saya donk... follow ku ilang... jadi gak bisa di follow :(

apa yang salah ya ?

http://www.adelia-proactive.blogspot.com
UnknownSaturday, 11 June, 2011
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
UnknownSaturday, 09 July, 2011
kereeen ni mas bro...udah saya terapin...follback lapak q mas bro....trimakasi
Muhammad Guntur SaputraSunday, 24 July, 2011
muanteb gan ! thx yah ^^
adminThursday, 11 August, 2011
kok punya ku gg muncul tombol twitternya??
Djangkaru BumiThursday, 17 November, 2011
masih bongkar pasang..makasih atas infonya..salam sukses
Jin ToplesThursday, 24 November, 2011
thaks,,,
http://www.jintoples.blogspot.com
Download Game GratisSunday, 18 December, 2011
Mantapz Gan, udah ane coba....
Buka-Rahasi emank mantapz....
Makasih ilmunya...
guruhkpThursday, 29 December, 2011
agan ko ga bisa masuk ke twitter saya terus gan?? tolong infonya , thanks :)
khairunisaSunday, 01 January, 2012
trimakasih infonya and nice blog:)
lutfiMonday, 02 January, 2012
TTTTTTTTTRRRRRimakasih info nya,, . .
Onthe 7Saturday, 07 January, 2012
thanks gan

mampir ke blog ane juga yaa :)
andSunday, 15 January, 2012
Mantap, thanks gan, langsung ane terapkan dan sukses :)
Hujan JanuariMonday, 16 January, 2012
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
paijooooooooooooThursday, 19 January, 2012
gwe suka gaya loe......................
NuzlaMonday, 27 February, 2012
Izin Copas Gan... Mudah2n berhasil...Trims
Beauty hijab styleTuesday, 13 March, 2012
mantap gan,,,ijin copas skalian promosi http://jogjamuilmu.blogspot.com/
UnknownThursday, 05 April, 2012
sipp ijin promosi uccend.blogspot.com banyak gratisanya lohh
Dihon SipTuesday, 10 April, 2012
Saya bikin di blog saya, diarah kursor twitterx gak jlan gan :), mhon diperjelas yah :)
Mahasiswa SongongSunday, 15 April, 2012
really nice blog bray :D
bannaWednesday, 16 May, 2012
suhu..
terimakasih utk ilmunya..
keren jaya ini, izin pake di blog ane ya..
rendy guntur bastyanMonday, 30 September, 2013
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
Ammar IbrahimWednesday, 19 February, 2014
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/
UnknownMonday, 24 February, 2014
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
dewi arjayaSunday, 03 August, 2014
makasih ya... lam kenal saya pemula

Silahkan tinggalkan komentar untuk respon/pertanyaan. Jika ingin menuliskan kode di dalam komentar, convert dulu dengan HTML Encoder. Centang "Notify me" untuk mengetahui balasannya. Maaf apabila komentar dibalas dalam waktu lama atau tidak terbalas karena saya tidak online setiap hari. Atau biar lebih cepat dan enakan bisa kontak lewat Facebook. KOMENTAR BERISI LINK & tidak sesuai dengan Comment Policy akan langsung dihapus.Karena banyaknya spam, komentar sekarang di-moderasi sebelum diterbitkan. Thanks.