Membuat Twitter Widget di Blog Lebih Menarik

Siomponk.Com: Sudah banyak sekali artikel yang membahas tentang "Membuat Widget Twitter di Blogger" anda bisa mencarinya di Google. Banyak pula para Blogger membuat modifikasi tersendiri dari Widget Twitter tersebut sehingga banyak sekali macamnya.

Sebenarnya pihak TWITTER sendiri sudah membuatkan Widgets tersebut (disini) untuk bisa dipasang di Blog atau Situs, tapi kita merasa kurang puas dengan design milik TWITTER tersebut sehingga para Blogger mencoba memodifikasi yang hasilnya bisa bermacam-macam bentuk dan tampilan.

Nah, kali ini postingan saya juga akan membahas tentang Widgets Twitter tersebut seperti yang sudah saya pasang di Blog saya ini. Untuk tampilan seperti gambar diatas.

Untuk pengguna Blogger.Com:

1. Login ke Dashboard Blogger anda
2. Pilih Rancangan - Elemen Halaman
3. Pilih Tambah Gadget - Javascript/HTML
4. Masukkan code dibawah kemudian Save.

Untuk pengguna Blogdetik.Com:

1. Login ke Dashboard Blogdetik anda
2. Pilih Appearance - Widget
3. Masukkan code dibawah kedalam Widget Any HTML kemudian Simpan.

Berikut ini Code Widget tersebut.

<div style="background:#fff url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh7V4EBQ3udbtlvtewoX43kDk9cwSD-jDmumesj4tOLVz3lfdb5KvmgpNqQv7bgHt8UVMwCzWh__SPvYW3vjGS4vRz2RK0WCKn54MJh0K8pCKwSqLEZN-PSeNwhd5VWTWygrJ4b87nIyMU/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('imherry').start();
</script>
</div>

Keterangan:
Background bisa anda ganti:
rpp: 10 = 10 adalah jumlah Tweet yang ditampilkan
.setUser('imherry') = imherry anda ganti dengan ID Twitter anda.

Semoga tulisan kali ini bisa berguna untuk anda.... ;)
Salam...