Membuat Tweet Box Dibawah Postingan

Jumat, 04 Maret 2011

Membuat Tweet Box Dibawah Postingan Membuat Tweet Box Dibawah Postingan

Tombol social bookmark akhir-akhir ini sangat diminati oleh para pengguna blogger untuk. mempopulerkan blognya. Selain Facebook yang membuat fitur likenya, Twitterpun tidak mau kalah dan kembali menyaingi facebook dengan menyediakan Tweet Box. Twitter box ini berfungsi untuk mempromosikan artikel kita di twitter. Seperti contoh pada halaman bawah postingan ini, anda bisa langsung menekan tombol Tweet, atau bisa juga diisi dengan kata-kata sendiri.

Tertarik untuk membuatnya? Dibawah ini akan saya jelaskan lahkah-langkah untuk membuatnya :

Kunjungi Penyedia Layanannya disini
Login dengan akun Twitter Anda, dan isikan data-data yang diminta untuk membuat aplikasinya. Seperti gambar dibawah ini

Isi Aplications Name Dengan Judul Suka-suka anda
Isi Aplications Website Dengan Url Blog anda
Kosongkan Organizations
Isi Call Back Url Dengan Alamat Blog Anda
Untuk Default Acces Type jangan lupa centang Read & Write
Aplications Icon Tidak Perlu Diisi
Klik Register Application

Kemudian, akan muncul kotak peraturan seperti gambar diatas, dan klik I Accept, setelah itu akan muncul tab baru dengan kode Javascript dan API key nya. Salin script yang saya kotakkan seperti gambar dibawah ini

Kemudian login ke Akun Blogger Anda Masing-masing, klik rancangan >> Pilih Edit HTML >> Centang Expand Template WidgetDan Cari Kode </head> Jika sudah ketemu, masukkan kode yang tadi anda kopi tepat diatasnya Jika sudah, cari kode seperti dibawah ini:

<data:post.body/>

Jika Sudah Ketemu, Masukkan Kode dibawah ini Dan taruh tepat dibawah kode <data:post.body/>

<b:if cond='data:blog.pageType == "item"'>
<div id='bp_tweetBox'/>
<script type='text/javascript'>
bp_tweet_link="<data:post.url/>";
twttr.anywhere(function (T) {
T("#bp_tweetBox").tweetBox({
width: 560,
label: "Retweet This",
defaultContent: "RT @akun_twitter_anda <data:post.title/>"+" "+bp_tweet_link
});
});
</script>
</b:if>