Cara Membuat widget Twitter Live Update Retweet dan Mention Di blog

Pernah melihat blog yang memiliki widget update status / tweet twitter di bagian sidebarnya? Jika pernah mungkin anda akan mulai bertanya-tanya, 'bagaimana sih cara memasang widget ini di blog kita?'. Googling kesana-kemari tidak ketemu dan hampir menyerah, itulah yang saya alami (mungkin juga anda).

Memang, ada banya situs yang memberikan tutorial ini. Namun widget yang diberikan pada situs itu memiliki kelemahan, yaitu tidak bisa menampilkan retweet atau mention dari orang lain. Selain itu, keistimewaan widget ini kita tidak perlu mendaftar dulu ke situs khusus, artinya kita hanya tinggal mengubah sedikit kode yang saya berikan saja. Sudah tidak sabar ingin memasang widget spesial ini? Berikut adalah ulasannya.

Pertama, masuk ke dalam akun blogger anda.

Setelah itu klik menu 'Tata Letak' atau 'Layout'.

Kemudian klik menu 'Tambah Gadget'.

Pilih HTML/JavaScript.

Pastekan kode berikut di dalamnya.

<script src="http://widgets.twimg.com/j/2/widget.js"></script>
<script>
new TWTR.Widget({
version: 2,
type: 'search',
search: '@ablehdelonge',
interval: 6000,
title: 'Follow Me On Twit',
subject: '@ablehdelonge',
width: 'auto',
height: 200,
theme: {
shell: {
background: '#404040',
color: '#ffffff'
},
tweets: {
background: '#ffffff',
color: '#444444',
links: '#b31919'
}
},
features: {
scrollbar: false,
loop: true,
live: true,
hashtags: true,
timestamp: true,
avatars: true,
toptweets: true,
behavior: 'default'
}
}).render().start();
</script>

Perhatikan tulisan yang berwarna orange. Ubahkan tulisan itu dengan alamat twitter akun blog anda. Contoh: @namatwitanda. Kemudian klik simpan atau save. Dan selesai

Posted by AblehDexter

Tweet