Membuat Widgets Twitter Cantik di Blogdetik

6 Aug 2012

Widget Twitter Blog

Sebenarnya membuat widgets Twitter untuk blog sudah banyak tersebar. Pihat Twitter sendiri juga telah membuatkan widgets yang ada DISINI.

Nah kali ini saya akan memberikan Widgets dengan model seperti gambar diatas, yang juga saya pasang di blogku www.siomponk.com.

Widgets ini bisa dipasang di BLOGDETIK juga bisa di BLOGGER.

Pasang code berikut ini di Any HTML (blogdetik), atau di JavaScript/HTML (blogger)

<div style="background:#fff url(http://4.bp.blogspot.com/-aQPyI_G1C98/T3uoRmyemPI/AAAAAAAAANk/CUQQalt646k/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&#39
},
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:
.setUser('imherry') : anda ganti dengan username Twitter anda.
rpp: 10: Jumlah Tweet yang ditampilkan
Untuk bagian image background, gunakan gambar ini (soalnya di script malah jadi link, silahkan rubah sendiri)

Semoga berguna widgets ini…
Salam…


TAGS Widgets Twitter Twitter Tips Blog Widget Widgets Blogger Blogspot Widget Blog


-

Author

Herry Rachman
@imherry
me on www.siomponk.com

Follow Me

Search

Recent Post


Categories

Archive