Cara Memasang Tombol Follow Twitter di Blog

Twitter merupakan jejaring sosial yang cukup terkenal selain Facebook dan Google+, popularitas Twitter kian menanjak seiring berjalannya waktu. Hingga kini banyak para netter yang menggunakan twitter untuk berhubungan satu sama lain, saling nge-tweet ataupun saling follow antar sesama pengguna Twitter.

Nah, kali ini Mas Adhie akan berbagi tutorial bagaimana cara menambah tombol follow Twitter di blog anda.

1. Buka halaman Twitter Buttons

2. Silahkan pilih jenis tombol/button Twitter yang anda inginkan (disini saya memilih tombol follow)

3. Masukkan nama pengguna Twitter anda dan atur bahasa yang digunakan

4. Copy code yang dihasilkan, dan masukkan ke blog anda. Untuk tampilan tombol follow standard yang dihasilkan seperti dibawah ini

Ikuti @puguhadhie
Untuk menampilkan jumlah followers anda, silahkan edit kode berikut :

<a href="https://twitter.com/puguhadhie" class="twitter-follow-button" data-show-count="false" data-lang="id" data-dnt="true">Ikuti @puguhadhie</a>

<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>

• Rubah : data-show-count="false" menjadi data-show-count="true"

Maka hasil tampilannya akan seperti dibawah ini :

Ikuti @puguhadhie

Maka Tombol Twitter akan menampilkan tombol follow sekaligus menampilkan jumlah followers Twitter anda.
Jika anda menginginkan untuk sekali klik langsung follow bisa menggunakan kode dibawah ini :

<a href="http://twitter.com/puguhadhie" class="twitter-follow-button" data-show-count="false">Follow @puguhadhie</a>

<script src="http://platform.twitter.com/widgets.js" type="text/javascript"></script>

• Rubah puguhadhie menjadi username Twitter anda

Simpan dan lihat hasilnya. Sekian sedikit tutorial tentang bagaimana cara menambah tombol follow Twitter di blog, semoga bermanfaat untuk teman-teman semua :)