Cara Menambahkan Tombol Follow Twitter di Blog
Ingin menambahkan tombol follow Twitter di blog Anda tapi masih bingung bagaimana caranya? silahkan ikuti panduan kecil yang akan saya jelaskan di bawah ini.
Untuk memasukkan tombol follow atau ikuti Twitter pada sebuah blog, baik itu postingan atau sidebar (widget), kita harus mengambil script yang disediakan oleh Twitter terlebih dahulu.
Di halaman tersebut, kita tidak hanya dapat membuat tombol ikuti, tetapi juga skrip untuk menyematkan tweet dari profil orang lain dan profil kita sendiri serta menampilkan garis waktu.
Namun pada pembahasan kali ini saya hanya akan memberikan contoh langkah-langkah untuk menampilkan tombol follow pada sebuah blog baik itu WordPress atau Blogger.
Khusus untuk tombol follow ada dua pilihan yang bisa kita pilih yaitu dengan menampilkan jumlah followers dan tidak menampilkan berapa orang yang follow.
Scriptnya hampir sama, namun untuk menunjukkan berapa followers kita harus merubah kodenya sedikit dan untuk lebih jelasnya silahkan ikuti langkah-langkah berikut ini.
Cara Menambahkan Tombol Ikuti Twitter di Blog
- Kunjungi halaman berikut https://about.twitter.com/resources/buttons#follow
- Lalu masukkan username twitter kita misalnya @carabimo lalu klik tombol panah yang ada di sebelah kanan, seperti yang ditunjukkan di bawah ini.
- Pilih berikutnya Tombol Twitter.
- Langkah selanjutnya pilih Ikuti Tombol.
- Terakhir silahkan copy kode yang muncul di halaman lalu paste di blog agar tombol follow bisa muncul di tempat yang kita inginkan.
Hasilnya tampak seperti berikut ini.
Ikuti @carabimo
Nah di hasil default tombolnya kecil dan tidak menampilkan jumlah followers, jadi jika ingin mengubah ukurannya menjadi lebih besar dan muncul jumlah followers, kita harus mengubahnya sedikit.
- Ubah data-show-count=”false” menjadi data-show-count=”BENAR“
- Tambahkan data-size=”besar”
Setelah dirubah hasilnya akan seperti ini : Ikuti @carabimo
Jika Anda masih bingung, Anda dapat melihat contoh kode di bawah ini.
Lihat Pena AXZJVL oleh Irwan Rahayu (@bimoss) di CodePen.
Jika Anda ingin menggunakannya di blog, ubah terlebih dahulu url profil Twitter Anda dari https://twitter.com/carabimo menjadi alamat url profil Anda dan ubah juga nama pengguna Anda dari @carabimo menjadi nama pengguna Twitter Anda.
Nah di atas sudah kita lihat bagaimana cara membuat kode untuk tombol follow Twitter, lalu bagaimana cara menampilkannya di widget sidebar WordPress atau Blogger.
Sebenarnya mudah saja, setelah kita mendapatkan kode selanjutnya, kita tinggal copy paste kode tersebut dan menyimpannya di tempat yang kita inginkan.
Misalnya, jika Anda ingin menampilkannya di sidebar WordPress, maka Anda tinggal membukanya penampilan – Widget lalu pilih Teks lalu Simpan.
Sedangkan jika ingin menampilkan Blogger caranya adalah dengan terlebih dahulu masuk ke akun Blogger kemudian masuk ke menu Tata Letak atau Tata Letak.
Setelah itu silahkan pilih lokasi dimana kita ingin meletakkannya, misal di sidebar, lalu pilih Add Widget / Tambah Widget – pilih HTML/Javascript dan paste kodenya lalu simpan.
Itulah sedikit info cara membuat atau menambahkan tombol follow twitter di blog, semoga bermanfaat. Jangan lupa baca juga : cara menonaktifkan akun twitter.