Headlines News :
Home » , » Cara Membuat Tombol Follow Twitter di Blog

Cara Membuat Tombol Follow Twitter di Blog

Written By Muhammad Yogi Saputra on Rabu, 26 September 2012 | 03.49


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>

Maka nanti jadinya akan seperti ini :



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>

Maka nanti jainya akan seperti ini :



Lalu bagaimana cara memasukkannya ke blog kita?
  1. Silahkan login ke Blog anda.
  2. Silahkan pilih Tata Letak atau Layout.
  3. Pilih Tambah Gadget, lalu pilih HTML/JavaScript.
  4. Lalu setelah itu masukkan script tombol Follow tadi.
  5. Klik Save/Simpan
  6. 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
Share this article :

2 komentar:

  1. mantap gan, kunjungan balik http://problogiz-tech.blogspot.com

    BalasHapus

English French German Spain Russian Japanese Arabic Chinese Simplified

FOTO GALLERY

 
Support : Creating Website | Johny Template | Mas Template
Copyright © 2011. MYOGISAPUTRA | Informasi Dunia Cyber Terkini - All Rights Reserved
Template Created by Creating Website Published by Mas Template
Proudly powered by Blogger
Related Posts Plugin for WordPress, Blogger...