Friday, August 27, 2010


Memasang Tweet Button untuk Website dan Blogger Berbagi ke Twitter


Bagi Anda pemilik web atau blog, untuk menambahkan share buttons ke dalam setiap posting artikel Anda, merupakan sebuah keharusan dalam strategi untuk meningkatkan traffic ke web/blog yang Anda miliki dari komunitas atau pengguna social networking yang kini banyak digunakan oleh banyak orang.

Dengan menambahkan share buttons, pengunjung web/blog Anda dapat membagikan konten artikel ke teman-temannya di social networking yang dia miliki. Sebagai contoh tombol social networking yang bisa Anda letakkan pada halaman posting artikel Anda adalah Google Buzz Button dan Facebook Like Button.

Selain kedua social networking tersebut, kini Anda dapat meletakkan Tweet Button dari Twitter. Jika sebelumnya Anda mungkin menggunakan Retweet Button untuk Twitter, namun tombol tersebut merupakan dari pihak ketiga yakni dari TweetMeme. Dan kini Anda dapat menggunakan tombol dari Official untuk Twitter seperti halnya Google Buzz Button dan Facebook Like Button dengan menggunakan Tweet Button.


Untuk mendapatkan kode script Tweet Button, langkahnya sebagai berikut:

1. kunjungi http://twitter.com/goodies/tweetbutton (atau bila Anda telah Login Twitter, klik goodies pada bagian footer).

2. Pilih jenis Tweet Button yang akan diletakkan, dan bila kamu ingin menambahkan text dan URL, tambahkan pada tab Tweet text dan URL, namun sebaiknya biarkan default.


3. Masukkan Username Twitter dari web/blog Anda pada no 1, (sebagai contoh: web ictfiles.com memiliki akun twitter dengan username ictfiles), fungsinya sebagai rekomendasi agar akun Twitter Anda di follow user lain. Dan no 2 masukkan username jika ada akun Twitter lain untuk Anda rekomendasikan.


4. Copy kode yang tertera, dan letakkan pada HTML posting artikel di web/blog Anda.



Untuk penggunaan pada Blogger, perlu penyesuaian sedikit.

1.Login ke akun Blogger, pada Dashboard pilih Design >> Edit HTML, dan centang "Expand Widget Templates".

2.Temukan kode <data:post.body/>, bisa kamu cari dengan tekan Ctrl+F, jika telah ketemu, masukkan kode ini tepat dibawahnya.



<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div id='tweetbutton' style='float:right;padding-left:10px;'>
<a class='twitter-share-button' data-count='horizontal' data-related='styadenis:Menuangkan pikiran ke dalam tulisan' data-via='ceritadisini' expr:data-text='&quot;Aku #CeritaDisini Baca : &quot;+data:post.title' expr:data-url='data:post.url' href='http://twitter.com/share' rel='nofollow'>Tweet</a>
<b:if cond='data:post.isFirstPost'>
<script src='http://platform.twitter.com/widgets.js' type='text/javascript'>
</script></b:if>
</div> 
</b:if>

3. Preview hasilnya, jika sudah OK, maka klik Save Template.


Untuk perubahan dan sedikit modifikasi, ganti/tambahkan berikut:

1. float:left  - dapat diganti menjadi float:right jika kamu menginginkan ada di sebelah kanan.

2. data-count='vertical' - dapat diganti menjadi data-count='horizontal' atau data-count='none' 

3. data-via='CeritaDisini'  - CeritaDisini merupakan username Twitter Cerita Disini, kamu dapat ganti sesuai dengan Username Twitter Blogmu. 

4. Menambahkan textexpr:data-text='&quot;Aku #CeritaDisini Baca : &quot;+data:post.title' ganti Aku #CeritaDisini Baca : dengan text yang ingin kamu tambahkan.

5. Recomendasi user lainnya -  data-related='styadenis:Menuangkan pikiran ke dalam tulisan' styadenis merupakan username twitter lain yang aku rekomendasikan untuk di follow, dan Menuangkan pikiran ke dalam tulisan merupakan deskripsinya.


Berikut contoh tampilan Tweet Button, atau dapat dilihat di halaman artikel Cerita Disini.

data-count='vertical'


data-count='horizontal'


data-count='none'



[via ictfiles, bloggerplugins]


1 comment: