Thursday, October 25, 2012

Membuat Widget Twitter Update di Blog

Bagi anda yang ngefans banget sama twitter dan anda ingin menampilkan tweet update anda di blog, langsung saja simak tutorial dibawah ini. Kali ini saya akan berbagi tutorial pada anda tentang bagaiman cara memasang widget update twitter di blog anda. Anda juga dapat melihat demonya di blog saya sendiri dibagian twitter.

Screenshot
twitter box update

Tutorial
1. Login dahulu ke blog anda, lalu pilih tata letak
2. Tambah gadget lalu pilih HTML / java script
3. Copas kode dibawah ini

<div style="background:#fff url(http://2.bp.blogspot.com/-CLBGzLyi1so/T1UPEFQD_oI/AAAAAAAAFuI/dTa03s7vVYg/s1600/tweet.png) no-repeat;padding-top:45px;padding-left:8px">
<script src="http://widgets.twimg.com/j/2/widget.js"></script>
<script>
new TWTR.Widget({
version: 2,
type: 'profile',
rpp: 10,
interval: 3000,
width: 285,
height: 123,

theme: {
shell: {
background: 'transparent',
color: '#000000'
},
tweets: {
background: 'transparent',
color: '#000000',
links: '#135a9e'
}
},
features: {
scrollbar: false,
loop: true,
live: true,
hashtags: true,
timestamp: true,
avatars: true,
behavior: 'default'
}
}).render().setUser('USER NAME ANDA').start();
</script>
</div>

4. Simpan dan lihat hasilnya
Keterangan :
Ganti kode warna merah dengan user name twitter anda
Ganti kode warna orange dengan tinggi dan lebar yang anda inginkan

Demikian tutorial hari ini, jangan lupa untuk meninggalkan komentar anda di artikel-artikel blog ini. Semoga bermanfaat, terima kasih.

No comments:

Post a Comment