Pasang Widget Twitter (Tweet Status) Terbaru di Blog

Hi..Friends...Pada Pagi hari ini Saya akan berbagi tips cara memasang Widget Twitter (Tweet Status), baiklah Sebelum kita membahas bareng mengenai trik ini. saya akan jelaskan sedikit, cara Membuat atau memasang widget Twitter untuk Tweet (update status) selain untuk kebutuhan share artikel juga untuk mempercantik blog. Kalau sebelumnya saya sudah pernah memposting beberapa widget follower twitter animasi, maka yang saya share kali ini khusus buat update status (tweet) twitter yang boleh anda pasang di sidebar.

Demo hasil widget dapat sobat lihat pada contoh dibawah dan scriptnya dapat langsung dicopy aja terus pasang di sidebar blog sobat dan jangan lupa ganti username twitter saya.

Baiklah Jika Sobat Ingin Mencobanya silahkan ikuti tahap-tahap berikut :
1. Login Ke Akun Blog Sobat2. Pilih Rancangan/Tata Letak
3. Tambah Gadget/Add Gadget Pilih HTML JAVA SCRIPT
4. Masukan Script Berikut Di dalamnya.

 <div style="background:#cc0000 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg7c62gBISvVTrpRGC3A7jLShdKP8dweAtcT5M7_2EUJMn8ffzJf05cIwo98nsCUahp-55yoBP4JqC2orrZn0qvTYaXPJHESWQYEgSDh-hopJRn7KhEwxDFAyblS7XdToVkJelv1GFGY9s/s1600/twitter+me.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: 122,
theme: {
shell: {
background: 'transparent',
color: '#aeaeae'
},
tweets: {
background: 'transparent',
color: '#aeaeae',
links: '#cc0000'
}
},
features: {
scrollbar: false,
loop: true,
live: true,
hashtags: true,
timestamp: true,
avatars: true,
behavior: 'default'
}
}).render().setUser('uttakracker15').start();
</script>
</div>

5.Terakhir Save, dan Lihat hasilnya.

Semoga Tutorial ini bermanfaat :D

Berbagi :