Membuat Retweet Button di Blog

Twitter adalah salah satu social networking yang bisa kita gunakan untuk meningkatkan jumlah visitor. Biasanya blog-blog sekarang sudah terhubung dengan twitter sehingga begitu ada posting baru akan langsung muncul juga di twitter. Namun tidak ada salahnya jika kita ingin menaruh atau memasang tombol retweet (retweet button) di blog, tujuannya adalah untuk memudahkan visitor untuk membagi informasi blog kita melalui update twitternya.
Ada cara mudah memasang retweet button di blog, yaitu menggunakan tweetmeme.com. Selain tweetmeme, ada juga Topsy.com. Namun kali ini saya akan menunjukkan cara membuat retweet button dari tweetmeme.
Untuk pengguna wordpress bisa menggunakan plugin tweetmeme. Tinggal install dan langsung bisa digunakan. Sedangkan jika anda pengguna Blogger.com maka anda harus memasaukkan code HTML ke template blogger anda.

Kode utama untuk retweet button adalah :

<script type=”text/javascript” src=”http://tweetmeme.com/i/scripts/button.js”></script>

Selanjutnya kita bisa menambahkan setingan :
1. Ukuran, untuk mendapatkan ukuran retweet button yang kecil, tambahkan kode berikut :

<script type=”text/javascript”>
tweetmeme_style = ‘compact’;
</script>

2. Tweet asal, jika ingin mengubah format retweet menjadi RT @wahidhasan bla bla bla… (aslinya adalah RT @tweetmeme) tambahkan kode :

<script type=”text/javascript”>
tweetmeme_source = ‘tweetmeme’;
</script>

3. CSS. saya meletakkan retweet button di sebelah kanan, jadi saya menambahkan kode CSS berikut :

.retweet {float:right;}

Jadi secara keseluruhan jika kita ingin memasang retweet button ukuran kecil dengan format RT @wahidhasan adalah sebagai berikut :

<div class=’retweet’>
<script type=’text/javascript’>
tweetmeme_style = &#39;compact&#39;;
tweetmeme_source = &#39;wahidhasan&#39;;
</script>
<script src=’http://tweetmeme.com/i/scripts/button.js’ type=’text/javascript’/></div>

Silakan ganti wahidhasan dengan akun twitter anda.
Dimana memasangnya ?
Saya lebih suka memasang retweet button di bagian atas posting, namun tidak di dalam posting. LIhat gambar di bawah ini :

membuat retwwet button

One response

  1. Blog Pengembangan Diri Avatar
    Blog Pengembangan Diri

    saya udah menambahkannya mas dan it works! makasih buat tutorialnya salam kenal yah 😀

    Download Kumpulan e-Book Gratis

Leave a Reply