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="http://1.bp.blogspot.com/-Hh4gBzsXHmo/TdIR-U8WOQI/AAAAAAAAAfQ/RnrqpPW62xU/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

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.

add a comment 33 Comment(s):

Suwardi said...

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

Unknown said...

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.

Suwardi said...

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

Unknown said...

sip! thanks....

delliana_sapta said...

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

delliana_sapta said...

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

Unknown said...

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

agus wahyudi said...

sangat bermanfaat gan

salam kenal

www.agoblogs.co.cc

follow back ya gan

makasih

Adelia Kanaya said...

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

apa yang salah ya ?

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

Unknown said...

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

Unknown said...

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

Muhammad Guntur Saputra said...

muanteb gan ! thx yah ^^

gilang prakasa syaifullah said...

kok punya ku gg muncul tombol twitternya??

Djangkaru Bumi said...

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

Jin Toples said...

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

Download Game Gratis said...

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

guruhkp said...

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

khairunisa said...

trimakasih infonya and nice blog:)

lutfi said...

TTTTTTTTTRRRRRimakasih info nya,, . .

Onthe 7 said...

thanks gan

mampir ke blog ane juga yaa :)

and said...

Mantap, thanks gan, langsung ane terapkan dan sukses :)

Hujan Januari said...

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

paijoooooooooooo said...

gwe suka gaya loe......................

Nuzla said...

Izin Copas Gan... Mudah2n berhasil...Trims

Unknown said...

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

Unknown said...

sipp ijin promosi uccend.blogspot.com banyak gratisanya lohh

Dihon Sip said...

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

Mahasiswa Songong said...

really nice blog bray :D

banna said...

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

rendy guntur bastyan said...

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 Ibrahim said...

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/

Unknown said...

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 arjaya said...

makasih ya... lam kenal saya pemula

Post a Comment

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.
Smashed Spams: 11362

Recent Comments

Tautweb.com

  • Menulis Artikel Blog

    Tips dan panduan menulis artikel blog berkualitas dan menarik (dalam beberapa seri).

  • Template Blog Terbaik

    Review dan daftar situs pembuat dan penyedia template blogger berkualitas dan tentunya terbaik.

  • Strategi SEO 2015

    Hal apa saja yang wajib menjadi bagian dari strategi SEO di tahun ini? Simak ulasan lengkapnya di sini.

  • Artikel SEO Friendly

    Tips membuat artikel yang memenuhi syarat SEO sekaligus tetap menjaga kualitasnya.

  • Belajar HTML & CSS

    5 situs rekomendasi untuk mempelajari HTML dan CSS dari tingkat dasar.

© 2010-2015 Buka Rahasia Blogspot | Template by Dicas Blogger | Modified & Enhanced by Ahmad Khoirul Azmi

 ContactPrivacy PolicyComment PolicySitemap