Cara Membuat & Memasang Twitter Follow Button (Official)

cara membuat twitter follow
Twitter Follow Button yg dirilis secara official oleh twitter kini semakin memiliki fitur yg canggih. Meskipun hanya ditampilkan dalam bentuk button dan link sederhana, sebenarnya ada beberapa hal yg dapat dilakukan hanya dengan sekali klik, tidak seperti twitter follow widget yg sebelumnya. "Dengan klik button, pengunjung dapat langsung melakukan follow tanpa harus masuk ke twitter." Link yg berada di sebelah button juga berfungsi untuk mengetahui profil serta update terbaru (tweet) nya. Jadi, memasang twitter follow button di blog kini dapat memberikan efek jauh besar bagi perkembangan dan popularitas blog serta pemilik blog.

Cara Membuat Twitter Follow Button

1. Masuk ke halaman follow button
2. Perhatikan gambar berikut:
cara pasang follow button
A. Kolom untuk mengisi nama account twitter. Isikan akun twitter blog atau akun twitter pribadi yg ingin dibuatkan button follow-nya.
B. Background. Sesuaikan dengan background blog dimana button akan dipasang. Jika terang, pilih "Light. Sebaliknya, jika gelap pilih "Dark".
C. Fitur untuk menampilkan / tidak menampilkan jumlah twitter followers. Pilih "No" jika tidak ingin menampilkan.
D. Bahasa. Klik menu dropdown pilih bahasa yg diinginkan, tersedia fitur Bahasa Indonesia.
E. Preview tampilan button.
F. Script/Kode twitter follow button. Setelah selesai melakukan setting, copy kode/scriptnya.

Cara Memasang Twitter Follow Button di Blog/Web

Button dapat dipasang di bagian manapun dari blog/web di dalam tag <body> seperti ketika anda memasang menampilkan link.

Untuk blog berplatform blogger:
a. Button dapat dipasang di dalam gadget (sebagai widget).
1. Buka dashboard > design/layout > klik "add a gadget/tambahkan gadget > Pilih HTML/Javascript > Masukkan kode ke dalam kolom > save.
2. Drag/geser gadget di halaman design/layout ke posisi yg diinginkan. Save lagi.

b. Opsi lain untuk memasang widget follow button adalah di bagian posting, yaitu di bawah judul posting atau di bawah posting/artikel:
1. Perhatikan script berikut:
<div style='float:right;margin-right:5px;'>Kode Twtter Button</div>
Copy script di atas. Ganti Kode Twtter Button dengan kode button yg telah dicopy  tadi. 
1. Masuk ke Edit HTML/Edit Template, centang "Expand Widget templates".
2. Untuk memasang di atas posting, cari <div class="post-header-line-1">. Jika tidak ketemu cari <data:post.body/>. Letakkan kode tepat di bawah <div class="post-header-line-1"> atau di atas <data:post.body/>.
3. Bagi yg ingin memasang button di bawah posting/artikel, cari <data:post.body/>, letakkan kode tepat di bawahnya.
4. Save & done.
Hasilnya akan seperti ini [sekalian follow ya :-) ]

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

54 comments:

  1. . gan..
    ane udah kitim email di contact me
    tolong di jawab :D

    ReplyDelete
  2. Gan, kalau cara pasang tombol twitter, facebook, google+ kaya' punya' agan yg ada di atas "translate this page" gimana? thanks...

    ReplyDelete
  3. oke, kapan2 saya buat artikelnya.

    ReplyDelete
  4. Maafyah , Ko saya bikin itu gamuncul update.annya sih.
    Mohon dibantu :D
    Maacih!!!

    ReplyDelete
  5. makasih infonya gan

    http://mbojonet.blogspot.com

    ReplyDelete
  6. langsung ane praktekin om, thanks in advanced

    ReplyDelete
  7. Datang berkunjung, komen dan follow blog ..... aku tunggu foll-backnya. Thx

    ReplyDelete
  8. Thanks you sob, we dah bisa pasang ni...
    follow my blog sob, tukeran link juga yuk..

    ReplyDelete
  9. Langsung tak praktekin, makaish infonya gan.

    ReplyDelete
  10. Coba dulu aaahhh...
    tq Tipsnya...:D

    ReplyDelete
  11. Thanks infonya, sudah berhasil kawan

    ReplyDelete
  12. Mantabb bro.....
    akhirnya ketemu juga artikel ini,,,,,,di blog ini,penjelasannya sangat jelas ,legkap..makasih

    ReplyDelete
  13. thankz infonya sangat bermanfaat,

    ReplyDelete
  14. tks Mr...!!!
    ane dh pasang di blog-q...

    ReplyDelete
  15. terima kasih gan atas petunjuknya, sekarang saya sudah bisa pasang widget twitter di blog saya.

    ReplyDelete
  16. Thanks for sharing the information :)

    ReplyDelete
  17. wah makasih ya bang, ane coba nie.

    ReplyDelete
  18. nice info :) banyak banget ilmu yang saya dapet setelah baca postingan"nya

    ReplyDelete
  19. wah langsung bisa,,makasi banyak mas,,,kalo tombol like fb gimna ya??

    ReplyDelete
  20. Ow, ada cara yang simple gag?

    ReplyDelete
  21. sudah saya pasang aja di bagian footer blog sob...silahkan dicek..makasih banget atas infonya sob....thanks

    ReplyDelete
  22. langsung praktek ... and it work ... thank you :)

    ReplyDelete
  23. thanks gan nice info..
    klo bisa lihat blog ane donk gan,, apanya ya yang harus ditambahin.. ane masih newbie baru mulai ngeblog

    ReplyDelete
  24. Wah wah wah, mantap kali ini gan. Langsung praktek gan. terima kasih ya tutorialnya.

    ReplyDelete
  25. Thank's atas informasinya :)
    jgan lupa dtang ksini jga' http://mzoenagu.blogspot.com

    ReplyDelete
  26. Thanks informasinya Gan, sangat bermanfaat.

    ReplyDelete
  27. mantapss gan,,,
    info yang sangat berguna....

    ReplyDelete
  28. thank gan.....
    nice info.....

    ReplyDelete
  29. mkasih banyak yaa infonya... sangat bermanfaat,
    sekarang blog jadi ada button follow twitternya, hehee

    oh iya udah di follback, di #975... kalau ada waktu mohon visit dan follback yaa, mkasih sebelumnya :)

    ReplyDelete
  30. berhasil, dan sudahsaya follow.
    gantian dong hehe..
    http://suarakuu.blogspot.com/

    ReplyDelete
  31. Kucoba pasang di Blogku kawan semoga aja followernya tambah banyak

    ReplyDelete
  32. kunjungi balik WOKE......
    http://peaceblogberbagi.blogspot.com/

    ReplyDelete
  33. mantabb ,,, makasih mas ,,, infonya sangat membantu ,,, tergolong kategori ilmu seo juga nih ,, hehehe

    ReplyDelete
  34. bermanfaat sekali mas :) saya sekarang sudah memasangnya :D

    ReplyDelete
  35. infonya memang manthap punya...

    ReplyDelete
  36. aku ga ngrti nih

    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.