Cara Membuat Widget Twitter Update di Blogspot

Hai sobat  kali ini saya akan share tutorial blogspot, yaitu cara memasang widget update twitter dimana semua aktifitas twitter kita akan muncul di widget blogspot kita.

Nah untuk cara pemasangannnya sangat mudah kamu hanya tinggal memasang beberapa script kode yang akan di pasang di widget blogspot. untuk mempercantik tampilannya kita bisa mendesain backgroundnya agar terlihat lebih cantik nah ini adalah salah satu background yang saya buat kamu bisa mengeditnya kembali sesuai selera menggunakan program adobe photoshop.

Nah sebelum memasang script ini kamu bisa melihat demo tampilannya disini nah kalo sudah lihat dan tertarik untuk memasang di blog kamu langsung saja copy kode berikut ini di widget html/Javascript, Untuk detail Caranya sebagai Berikut :

Pilih menu Layout > Add a Gadget > pilih HTML/Javascript

Kemudian copy kode berikut ini :

<div style="background:#cc0000 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhjAHXSD-w_ImolpFGJR-x5PJTlLny1h0jnrZ8e7ztqg7AE6-c3h9gvPxDRAQvV_9sS8QSzuc3V4pdnbTFkZ7GYLl1_AbsPrm1C2oiDxZWAjEaGUeKe6U0h0Xehr9i5_vOXYi1TqEGzzBY/s1600/twitt-me2.png) no-repeat;padding-top:46px;padding-left:10px">
<script src="http://widgets.twimg.com/j/2/widget.js"></script>
<script>
new TWTR.Widget({
version: 2,
type: 'profile',
rpp: 10,
interval: 3000,
width: 280,
height: 200,
theme: {
shell: {
background: 'transparent',
color: '#0050a5'
},
tweets: {
background: 'transparent',
color: '#0050a5',
links: '#2d8bef'
}
},
features: {
scrollbar: false,
loop: true,
live: true,
hashtags: true,
timestamp: true,
avatars: true,
behavior: 'default'
}
}).render().setUser('username').start();
</script>
</div>
  Keterangan :
Teks Warna Merah adalah background dari widget twitter
teks warna biru adalah akun username twitter kamu

Posted in: