Selamat datang di FamaGulz[dot]Blogspot[dot]Com

Cara Membuat Widget Update Status Twitter Di Blog

Friday, February 15, 20130 komentar

Cara Membuat Widget Update Status Twitter Di Blog - Pada kesempatan kali ini saya akan membahas bagaimana cara menampilkan status terbaru dari twitter Sobat tampil di Blog Sobat.
OK... langsung saja, cara membuatnya sangat mudah dan tersedia beberapa background untuk Anda yang bagus jadi tinggal sobat pilih salah satu aja.






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://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhk4a3A8DDis6CWpNfriUUWpCox8rSjHyWUwSQjwtt2e4E5thPI4V7Eh9sqtjMxBBChysF5C_h-HQTe0XdTN2mVIpcXP5_FLxqPU4iAVFcZoExAM8RdidHQzhdH4B28KxjnERGu_-jtiY75/s1600/Tweet+%25281%2529.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('GulzYan').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.

 URL Background:
  1.  https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhk4a3A8DDis6CWpNfriUUWpCox8rSjHyWUwSQjwtt2e4E5thPI4V7Eh9sqtjMxBBChysF5C_h-HQTe0XdTN2mVIpcXP5_FLxqPU4iAVFcZoExAM8RdidHQzhdH4B28KxjnERGu_-jtiY75/s1600/Tweet+%25281%2529.png
  2. https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjhVyyHgq4QDERrQ0J0e-y1Zo2R0hSRtz2mi0Gjy5R3U0BgcUEFgpfB1gNfHFabrbfIamhmjEvRKzmUTUSdHI7Z19ZvtTCxAeaMk2tye67p7EbdECOwwmOtCwZLPFqnYCnnLrv9kY2LviP2/s1600/Tweet+%25284%2529.png
  3. https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhRjVBAHcjZNsn_sClm8A2WTDKP_bPL4BmAyJuM91mKP9BqErcEU-_1aVvwpwUxTtt6FVLhJ-UTnRADHa67HVFotuDlLwKQm03oZ6oc2DRixvscJaKaPeoYqhjQ8Fpg43WQZw29bDPMaKYz/s1600/Tweet+%25282%2529.png
  4. https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhOm8k1k0NgRTK5l-LGJWrwWPgJspuNhpVXx-l2q7V7nDwbzYx5xh9L1Gxk4ikJsjfOwl25Ivj61rpihyphenhyphen6DtnrHZ8gmjw8U36MRHAEUd2OtOgeZcG7id7S-73gu2Aa-yd3rUOK129meO4E4/s1600/Tweet+%25283%2529.png
Sekian dulu Cara Membuat Widget Update Status Twitter Di Blog.

Semoga berhasil.....
Share this article :

Post a Comment

Admin

 
Support : Cara Gampang | Creating Website | Mas Template
Copyright © 2013. Fama Gulz - All Rights Reserved
Created by Creating Website Modify by Fama Gulz
Proudly powered by Blogger