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!

mencuri adalah pekerjaan pengecut! © buka-rahasia.blogspot.com

33 comments:

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

    ReplyDelete
  2. 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.

    ReplyDelete
  3. Terima kasih pak,saya dah coba dan succes.
    postingannya +++++++++++++++++++++

    ReplyDelete
  4. qoq saya gag bisa? gag bisa masug ke twitter saya.. T_T
    sudah mengikuti kode di atas tapi tetap gagal bagaimana ya?

    ReplyDelete
  5. sudah berhasil..
    tapi setelah saya hapus kode target=
    terima kasih infonya..
    :)

    ReplyDelete
  6. sebenarnya ada target itu gak masalah, karena itu buka ke window baru, tapi it's okay kalo targetnya dihilangkan :D

    ReplyDelete
  7. sangat bermanfaat gan

    salam kenal

    www.agoblogs.co.cc

    follow back ya gan

    makasih

    ReplyDelete
  8. kk... tolongin saya donk... follow ku ilang... jadi gak bisa di follow :(

    apa yang salah ya ?

    http://www.adelia-proactive.blogspot.com

    ReplyDelete
  9. 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

    ReplyDelete
  10. kereeen ni mas bro...udah saya terapin...follback lapak q mas bro....trimakasi

    ReplyDelete
  11. kok punya ku gg muncul tombol twitternya??

    ReplyDelete
  12. masih bongkar pasang..makasih atas infonya..salam sukses

    ReplyDelete
  13. thaks,,,
    http://www.jintoples.blogspot.com

    ReplyDelete
  14. Mantapz Gan, udah ane coba....
    Buka-Rahasi emank mantapz....
    Makasih ilmunya...

    ReplyDelete
  15. agan ko ga bisa masuk ke twitter saya terus gan?? tolong infonya , thanks :)

    ReplyDelete
  16. trimakasih infonya and nice blog:)

    ReplyDelete
  17. TTTTTTTTTRRRRRimakasih info nya,, . .

    ReplyDelete
  18. thanks gan

    mampir ke blog ane juga yaa :)

    ReplyDelete
  19. Mantap, thanks gan, langsung ane terapkan dan sukses :)

    ReplyDelete
  20. 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

    ReplyDelete
  21. gwe suka gaya loe......................

    ReplyDelete
  22. Izin Copas Gan... Mudah2n berhasil...Trims

    ReplyDelete
  23. mantap gan,,,ijin copas skalian promosi http://jogjamuilmu.blogspot.com/

    ReplyDelete
  24. sipp ijin promosi uccend.blogspot.com banyak gratisanya lohh

    ReplyDelete
  25. Saya bikin di blog saya, diarah kursor twitterx gak jlan gan :), mhon diperjelas yah :)

    ReplyDelete
  26. suhu..
    terimakasih utk ilmunya..
    keren jaya ini, izin pake di blog ane ya..

    ReplyDelete
  27. 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

    ReplyDelete
  28. 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/

    ReplyDelete
  29. 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

    ReplyDelete
  30. makasih ya... lam kenal saya pemula

    ReplyDelete

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.