Bagaimana Cara Membuat Twitter Button? Ini dia!!

Arham Haryadi August 20, 2010 11

Break sejenak dari topik serius seputar tips SEO mengenai keyword research, supaya pikiran kembali tenang di bulan puasa ini :) . Nah, seperti judulnya kali ini kita mengulik bagaimana cara membuat twitter button untuk web Anda. Twitter button ini berbeda dengan share button semacam tweetmeme atau retweet button yang dulu saya pakai (hayoo masih inget ngak? atau jangan jangan blank(lupa) ) karena yang satu ini adalah official twitter button :) .  

Is This Best Twitter Buttons For Me?

Official Tweet button Demo

Demo Tweet Button

Saat ini sudah beberapa website yang mengganti tweet button nya  dengan yang official ini, mulai dari Top korporat dan beberapa blogger. Alasannya? Pertama, button ini memungkinkan user mengkostumasi tampilannya, mau yang tanpa counter atau yang dengan counter. Kedua, dengan sedikit tambahan code official tweet button ini bisa secara sekaligus mempromosikan tweeps lain. Nah, kalau dicermati hal yang kedua itu bisa menjadi celah bisnis bukan :) .

Here’s Your Twitter Button Code

Tweet button code ini bisa kamu install di single.php, loop.php, index.php, page.php, category.php, atau bahkan archive.php.

<script src="http://platform.twitter.com/widgets.js" type="text/javascript">
</script>
   <a href="http://twitter.com/share" class="twitter-share-button"
      data-url="<?php the_permalink(); ?>"

      data-via="Arhamharyadi"
      data-text="<?php the_title(); ?>"
      data-related="REntrepreneurcm:Inspiring to follow"
      data-count="vertical">Tweet</a>

Bedah Code

Mari kita bedah Code diatas, tentu supaya Anda bisa memaksimalkannya.

  • data-url – Ini adalah alamat URL yang Akan di share *Tidak perlu Anda ubah.
  • data-via – Di bagian ini silahkan ganti dengan username twitter Anda, karena twitter saya @arhamharyadi maka saya mengisikan Arhamharyadi.
  • data-text – Ini adalah bagian Title Post sebagai “Update Status” Anda nantinya.
  • data-related – Nah dibagian inilah code dimana Anda bisa me-rekomendasi kan akun twitter lain. Code  lengkapnya seperti “twitterusername:Description” dan contoh saya diatas adalah “REntrepreneurcm:Inspiring to follow”. Tentu akan lebih Muaaanntab kalau dilengkapi dengan Call To Action yang misterius nan  mumpuni ituh :) .
  • data-count – Dibagian ini Anda bisa membuat kostumasi model counter, ingin Horizontal, vertikal atau tanpa counter. Pilihannya adalah vertical, horizontal, none.

Oh ya sebagai alternatif, Saya ada sedikit code hasil referensi dari WpBeginner berikut codenya:

<script src="http://platform.twitter.com/widgets.js" type="text/javascript">
</script>
<a href="http://twitter.com/share?url=
<?php echo urlencode(get_permalink($post->ID)); ?>
&via=Arhamharyadi&count=horizontal" class="twitter-share-button">Tweet</a>

Tentu Kode diatas akan membuat konten status update menjadi lebih pendek, tentu tweet yang pendek akan lebih mudah diingat Anda dibanding tweet longer bukan?.  Semoga bermanfaat dan selamat mencoba :)

Sebagai Penutup, bagaimana jika menjelang liburan nanti Anda memikirkan dari pemanfaatan Twitter button diatas lalu Anda bisa menambahkannya di kolom komentar, Saya tunggu ya. :)

data-via

Incoming search terms:

  • Pingback: Tweets that mention Bagaimana Cara Membuat Twitter Button? Ini dia!! | Blogpreneur -- Topsy.com

  • http://www.deddyanwari.com Blog Bisnis Online

    Salam kenal ! baru pertama mengunjungi blog ini.

    • http://www.road-entrepreneur.com Arham Haryadi

      Jangan lupa subscribe kalo gtuh :)

      • http://agussiswoyo.com Agus Siswoyo

        reply-nya langsung tepat sasaran euy, tanpa basa-basi lagi.
        hehehe…

  • http://www.onlinepersada.com TKI-Saudi Arabia

    salam kenal mas :)

  • http://tongkonanku.blogspot.com Tongkonan

    Kalau di blogspot cara masang kode gimana ya?

    • http://www.road-entrepreneur.com Arham Haryadi

      Kan di atas ada code javascript jadi bisa dipasang di engine apapun.

  • http://noviantosyahmud.co.cc Novianto Syahmud

    salam kenal mas,..
    Masih belum begitu paham mengenai php..masih belajar :D

    • http://www.road-entrepreneur.com Arham Haryadi

      Sama sama :) semoga tutorial ini berguna yah tuk belajar PhP :)

  • http://wbw-wbw.blogspot.com/ wbw-wbw

    sangat membantu…trma ksh atas tutorialnya pak…smoga berkah…

  • http://www.fresh-bytes.com/?m=201011 Sheree Sustaita

    That does sound decent although i’m just still not so sure that I favor it. At any rate will look further into it and choose personally! :)