Pages

Selasa, 06 November 2012

Cara Membuat Widget Update Status Twitter Di Blog



Cara Membuat Widget Update Status Twitter Di Blog - Pada kesempatan kali ini saya akan membahas bagaimana cara menampilkan status terbaru dari twitter kamu tampil di Blog kamu, sebelumnya saya sudah pernah membahas tentang cara menampilkan status twitter kamu di blog dengan menggunakan fasilitas dari twitter nya, kali ini berbeda tidak menggunakan fasilitas twitter yang di berikan, tapi menggunakan sedikit modifikasi sehingga akan terlihat lebih bagus, dan cara membuatnya sangat mudah dan tersedia beberapa background untuk anda yang bagus jadi tinggal sobat pilih salah satu aja.




Gambar diatas kamu boleh gunakan untuk mengganti kode yang berwarna biru, arahkan kursor ke gambar diatas, klik kanan new tab Copy linknya lalu ganti kode yang berwarna biru.

1. Login ke Blog kamu.
2. Pilih Rancangan terus Add Gadget terus pilih HTML/Java Script.
3. Copy kode dibawah ini.
<div style="background:#fff url(https://lh3.googleusercontent.com/-mESlBTXPXd8/T5OZSdziSdI/AAAAAAAAByI/EwRLCMlPvOU/s300/bLAZER%2520bLOG%25202.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('aim_ul').start();
</script>
</div>
Ganti yang berwarna MERAH  dengan username Twitter kamu.
Kamu juga dapat mengganti yang berwarna BIRU denagn Background yang tekah disediakan cukup Copy URL Image nya saja lalu ganti.