Twitter Conversation Widget for Blog

Siapa yang tidak tahu dengan jejaring social yang satu ini? twitter merupakan jejaring social yang lagi ngetrend saat ini, tidak kalah dengan facebook twitter mempunyai banyak pengguna yang semakin bertambah setiap harinya, bahkan artis, tokoh masyarakat pun lebih suka menggunakan twitter daripada facebook untuk bergelut di dunia maya.

Sekilas tentang twitter tadi, yang akan di bahas pada postingan MWcrew kali ini ialah membuat widget percakapan twitter di blog anda, agar blog anda terlihat lebih elegan, apakah sudah ada yang tahu cara membuat nya? Hmm..kalu belum mari kita simak step-step di bawah ini....let's check it out!!


Caranya, Masuk ke Atur Widgets Blog, kemudian pilih Tambah Widget Baru. Masukan judul widget (misalnya Twitter Saya), dan untuk Tipe Widget pilih Custom HTML. Kemudian pada textarea HTML dapat diisi dengan kode berikut:

<div><script type="text/javascript" src="http://widgets.twimg.com/j/2/widget.js"></script>
<script type="text/javascript">
/*<![CDATA[*/
new TWTR.Widget({
version: 2,
type: 'profile',
rpp: 10,
interval: 6000,
width: 'auto',
height: 300,
theme: {
shell: {
background: '#eeeeee',
color: '#473d47'
},
tweets: {
background: '#f5f5f5',
color: '#333133',
links: '#006600'
}
},
features: {
scrollbar: true,
loop: false,
live: true,
hashtags: true,
timestamp: true,
avatars: true,
behavior: 'all'
}
}).render().setUser('NAMA_USERNAME_TWITTER_ANDA').start();
/*]]>*/
</script></div> 

Ubah NAMA_USERNAME_TWITTER_ANDA pada kode di atas dengan username Anda di Twitter. Contoh username saya adalah HardStudying, maka ganti NAMA_USERNAME_TWITTER_ANDA tersebut dengan hardstudying seperti pada contoh berikut:

...
}).render().setUser('HardStudying').start();
... 

Kita juga bisa melakukan kustomisasi dengan variabel-variabel tampilannya, misalnya theme, Kita dapat merubah warna latar-belakang (background), warna teks (color), dan warna link (links) seperti pada contoh berikut:

..
theme: {
shell: { /* Bagian Utama */
background: '#000000', /* Latar Belakang = Hitam */
color: '#ffffff' /* Warna Teks = Putih */
},
tweets: { /* Bagian Tweet*/
background: '#444444', /* Latar Belakang = Abu Tua */
color: '#cccccc', /* Warna Teks = silver */
links: '#ffdd77' /* Warna Link = oranye */
}
},
... 

Selain warna theme, Kita juga dapat merubah width (lebar) dan height (tinggi) dari widget tersebut dengan merubah variabel width dan height.

Note: Untuk width disarankan gunakan 'auto' saja.

Untuk merubah berapa tweet yang akan ditampilkan, Kita dapat merubah variabel rpp. Mungkin Anda ingin menampilkan sebanyak 20 tweet, tinggal ubah saja menjadi rpp: 20.

Kita juga dapat merubah jenis tampilan, apakan akan menampilkan scrollbar atau tidak, bila ingin tampil, gunakan true, bila tidak gunakan false. Untuk variabel lainnya bisa dicoba satu per satu.

Oh ya... Jangan lupa cek Status Widget Aktif agar widget tersebut tampil pada blog Anda.

Terima Kasih dan Selamat Mencoba.