Membuat Tweet Box di Setiap Postingan

Selain Facebook digunakan sebagai tempat untuk mempopulerkan blog, Twitter juga saat ini lagi diminati juga untuk mempopulerkan situs atau blognya. Berbagai tips dan widgets Twitter pun terpampang pada blog. Nah, dalam postingan kali ini saya akan memberikan tips yang saya dapatkan dari Maskolis yang sudah saya praktekkan dan berhasil dengan sukses.

Dalam postingan kali ini tema tipsnya adalah "Membuat Tweet Box di Setiap Postingan". Judulnya saya bikin beda dari punyanya Maskolis, karena memang sedikit beda caranya tapi isinya sebenarnya sama. Untuk DEMO, anda bisa melihatnya dibawah postingan ini, terdapat Twitter Box.

Ok, kita mulai saja :
[+] Buka layanan Developers Twitter : disini
[+] Login dengan ID Twitter anda.
[+] Isikan data sesuai aplikasi yang disediakan seperti gambar dibawah



klik gambar untuk memperbesar
[+] Pada form Name: * isikan dengan Nama Applikasi anda
[+] Kemudian pada Description: *, isikan diskripsi dari Applikaksi anda
[+] Lalu pada Website: * dan Callback URL isikan dengan alamat Blog anda
[+] Kemudian tekan tombol Created
[+] Setelah Applikasi anda dibuat, segera anda menuju menu Settings dari Applikasi anda
[+] Pada Application type, anda pilih bagian Read and Write seperti pada gambar dibawah ini


klik gambar untuk memperbesar
[+] Bagian Organization anda kosongkan saja
[+] Kemudian tekan tombol Update
[+] Silahkan anda menuju menu Details dari Applikasi yang sudah anda buat tadi
[+] Block dan copy paste code Consumer key pada Notepad
[+] Kemudian login ke Account Blogger Anda, klik Rancangan >> Edit HTML >> Centang Expand Template Widget, kemudian cari code </head>
[+] Letakkan code berikut ini DIATAS </head>

<script src="http://platform.twitter.com/anywhere.js?id=Consumer key">
</script>

Keterangan:
Consumer key = diisi code yang didapat dari Applikasi Twitter yang telah anda dibuat

[+] Setelah itu cari code <data:post.body/>
[+] Letakkan script berikut DIBAWAH code <data:post.body/>

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

Keterangan:
width: 560 = bisa anda sesuaikan dengan lebar blog milik anda
@akun_twitter_anda = diganti dengan account Twitter anda

[+] Setelah itu anda Save/Simpan template anda

CATATAN:
Bila terdapat code <data:post.body/> lebih dari satu, maka pilih yang paling bawah dari template anda.

Nah, demikianlah tips dari Maskolis yang sudah saya coba dan kemudian saya tuliskan kembali dengan versi saya sendiri.
Semoga Tips Trick ini bisa berguna untuk anda.
Salam....