Cara Membuat widget Twitter Live Update Retweet dan Mention Di blog

Senin, 11 Maret 20130 komentar

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: '@zvelite',
interval: 6000,
title: 'Follow This Site on Twitter',
subject: '@zvelite',
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 biru dan dicetak tebal.
Ubahkan tulisan itu dengan alamat twitter akun blog anda. Contoh: @namabloganda.
Kemudian klik simpan atau save. Dan selesai


Share this article :

Posting Komentar

 
Support : Zv-eLite | TipSeoFriendly | Top Five
Copyright © 2011. Tips Buat Blogger - All Rights Reserved
Template Created by Zv-eLite .com Published by Septa Praseya Hanafi
Proudly powered by Blogger