Assalamualaikum. Teman-teman sekalian, kali ini saya ingin memberikan tutorial Cara Membuat Tombol Follow Twitter di Blog, mungkin beberapa di antara teman-teman ingin membuat button/tombol follow twitter di blog teman-teman. Tetapi nggak tau caranya? Tenang saja, kali ini saya akan memberikan tutorialnya. Langsung aja cekidot!
1. Silahkan buka halaman Twitter Button Disini.
2. Silahkan anda pilih tombol mana sesuai engan keinginan anda.
3. Setelah itu pada menu Button Options ada form User disitu masukkan ID Twitter anda.
4. Pada menu Preview and Code silahkan copy script yang ada disitu.
Contohnya seperti ini :
<a href="https://twitter.com/myogisaputra1" class="twitter-follow-button" data-show-count="false">Follow @myogisaputra1</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>
<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>
Maka nanti jadinya akan seperti ini :
Follow @myogisaputra1
Jika anda ingin membuat tombol follow beserta jumlah followers , pada data-show-count="false" ubah kata "false" menjadi "true"
Contohnya seperti ini :
<a href="https://twitter.com/myogisaputra1" class="twitter-follow-button" data-show-count="true">Follow @myogisaputra1</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>
<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>
Maka nanti jainya akan seperti ini :
Follow @myogisaputra1
Lalu bagaimana cara memasukkannya ke blog kita?
- Silahkan login ke Blog anda.
- Silahkan pilih Tata Letak atau Layout.
- Pilih Tambah Gadget, lalu pilih HTML/JavaScript.
- Lalu setelah itu masukkan script tombol Follow tadi.
- Klik Save/Simpan
- Selesai
gimana? mudah bukan?. Itulah tutorial Cara Membuat Tombol Follow Twitter di Blog. Mudah-mudahan berguna untuk anda yang membutuhkannya, sekian tutorial ini. Jika anda bingung silahkan meninggalkan komentar di bawah ini.
Wassalam
mantap gan, kunjungan balik http://problogiz-tech.blogspot.com
BalasHapusmakasih gan. oke akan saya kunjungi
Hapus