Cara memasang tombol follow twitter di Blog

Tutorial tombol follow ini digunakan untuk memudahkan sahabat, keluarga, atau orang lain yang ingin mengikuti akun twitter yang kita miliki di blog.

1. Login blogger.com > Tata letak (Layout) > Tambah widget (Add widget) > Pilih HTML/JavaScript.

2. Copy kode HTML dibawah ini :
<a href="https://twitter.com/HeruAryaa" class="twitter-follow-button" data-show-count="true">Follow @HeruAryaa</a><script>!function(d,s,id) varjs,fjs=d.getElementsByTagName(s)0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id))js=d.createElement(s);js.id=id;js.src=p+'://platform.twitter.com/widgets.js';fjs.parentNode.insertBefore(js,fjs);}}(document, 'script', 'twitter-wjs');</script></div>
– Ganti link warna merah dengan link akun kalian
– Ganti tulisan follow warna lime dengan akun kalian
3. Pastekan kode diatas pada kotak widget yang ditambahkan seperti foto dibawah ini:

Update Oktober 2016 : Cara memasang tombol follow twitter terbaru di blog

Selain cara di atas, sekarang twitter semakin memudahkan kita untuk membuatkan script tombol follow twitter di blog. Bagaimana cara barunya?

Simak panduan lengkapnya di bawah ini :

1. Silahkan buka : Twitter Publisher

Cara memasang tombol follow twitter di Blog

2. Silahkan masukkan URL username akun twitter kalian di box tersebut dan klik seperti gambar di bawah ini :

Cara memasang tombol follow twitter di Blog

3. Kemudian kalian akan diarahkan ke bawah dengan 2 pilihan : 1. Embedded Timeline (digunakan untuk mengutip twitter dari akun twitter kalian atau siapapun) 2. Twitter Buttons (Tentunya ini untuk membuat tombol follow di blog kalian). Jadi, silahkan pilih yang ke-2.

Cara memasang tombol follow twitter di Blog

4. Setelah kalian klik yang ke-2, makan akan muncul pop up seperti di bawah ini :

Cara memasang tombol follow twitter di Blog

5. Silahkan pilih tombol follow button maka akan muncul seperti gambar di bawah ini :

Cara memasang tombol follow twitter di Blog

6. Sebelum mengcopy scriptnya, kalian bisa mengatur bentuk, ukuran dan jenis dari tombol itu sendiri. Caranya klik set customization options seperti gambar di atas.

7. Jika sudah selesai mengatur, langsung klik Update dan lanjutkan dengan copy scriptnya di HTML/Javascript seperti cara sebelumnya (di atas).

Cara memasang tombol follow twitter di Blog

Nah, kalau kalian males repot, Pangeran juga udah siapkan kok, cara yang mudah. Kalian tinggal mengganti usernamenya saja.

1. Silahkan copy code di bawah ini dan pastekan di HTML/Javascript blog kalian :

<a href="https://twitter.com/HeruAryaa" class="twitter-follow-button" data-show-count="false">Follow @HeruAryaa</a><script async src="//platform.twitter.com/widgets.js" charset="utf-8"></script>

  • Ganti code warna merah dengan username twitter kalian tanpa @
  • Ganti code warna orange untuk menampilkan jumlah followers kalian dengan true (untuk menampilkan) dan false (untuk menyembunyikan)

Begitulah Cara memasang tombol follow twitter di Blog yang dapat kalian gunakan untuk menambah jumlah follower’s yang menjadi pembaca blog kalian. Semoga bermanfaat. See you…

About Pangeran Wortel

Personal guide blogger sejak 2010 dan suka membahas tips blogging, desain blog, belajar SEO, serta hal menarik lainnya.Salam kenal..

View all posts by Pangeran Wortel →

10 Comments on “Cara memasang tombol follow twitter di Blog”

Leave a Reply

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.