Membuat Tweet Box pada Blog

Tweet box dan Facebook like box pada blog sebenarnya tidak ada bedanya. Aplikasi ini sebenarnya sama penempatan dan fungsinya pada blog. Twitter box ini berfungsi untuk mempromosikan artikel kita di twitter. Seperti contoh pada blog saya yang satu ini. Anda bisa langsung menekan tombol Tweet, atau bisa juga diisi dengan kata-kata sendiri.

Jika sobat blogger sudah mempunyai account twitter, silahkan promosikan tulisan-tulisan anda di twitter anda. Tetapi jika belum mempunyai account twitter silahkan daftar di sini. Jika sudah mempunyai account twitter, untuk menampilkan twitter box ini pada blog cukup gampang ko. Silahkan ikuti langkah-langkah di bawah ini.

1. Login ke blogger dengan account anda

2. Kemudian pilih Template dan silahkan menuju ke Edit HTML.

3. Jangan lupa silahkan centang tulisan Expand Template Widget.

4. Kemudian silahkan berkunjung ke web site penyedia twitter box (anda sudah masuk di twitter). Klik disini.

5. Isikan data-data yang diminta, seperti gambar di bawah ini

Twitter comment

6. Isi Aplications Name Dengan Judul Suka-suka anda
7. Isi Aplications Website Dengan Url Blog anda
8. Kosongkan Organizations 
9. Isi Call Back Url Dengan Alamat Blog Anda
10. Untuk Default Acces Type jangan lupa centang Read & Write
11. Aplications Icon Tidak Perlu Diisi
12. Klik Register Application dan akan muncul gambar seperti berikut

13. Klik Accept, setelah itu akan muncul tab baru dengan kode Javascript dan API key nya. Salin script yang saya kotakkan seperti gambar dibawah ini

 14. Pada Edit HTMl blog sobat, silahkan cari kode  </head> jika sudah ketemu, masukkan kode yang tadi anda kopi tepat diatasnya Jika sudah, cari kode seperti dibawah ini:

<data:post.body/>

15. Jika Sudah Ketemu, Masukkan Kode dibawah ini Dan taruh tepat dibawah kode tersebut

    <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>

Untuk tulisan yang berwarna merha, silahkan anda ganti sesuai dengan keinginan anda, saya rasa anda sudah mengerti dengan tulisan berwarna merh itu. Jika belum mengerti silahkan bertanya lewat kotak komentar.

16. Setelah selesai, silahkan Simpan Template

Lihat perubahannya pada blog sobat. Selamat mencoba, semoga berhasil. (Jkt/2012)