Saturday 15 December 2012

Letak widget twitter like me


Assalamualaikum...hai hari ni nak buat tutorial lagi...tuto kali nie ialah cara letak widget twitter macam saya ...tutorial ne direquest oleh Meura..

Ini contoh widget twitternya...


Blogskin
Mula-mula pegi home --> template --> edit html  (macam biasa)
Copy paste code yang saya akan bagi pada tempat yang dikehendaki...

Template designer
Home-> layout -> add gadget -> HTML/javascript
Untuk template designer copy paste code yang saya akan bagi ke dalam HTML/Javascript


<center><script src="http://widgets.twimg.com/j/2/widget.js"></script>
<script>
new TWTR.Widget({
  version: 2,
  type: 'profile',
  rpp: 6,
  interval: 6000,
  width: 220,
  height: 220,
  theme: {
    shell: {
      background: '#D6EBFF',
      color: '#4D4D4D'
    },
    tweets: {
      background: '#EBF5FF',
      color: '#4D4D4D',
      links: '#70B8FF'
    }
  },
  features: {
    scrollbar: true,
    loop: false,
    live: false,
    hashtags: true,
    timestamp: true,
    avatars: true,
    behavior: 'all'
  }
}).render().setUser('USENAME ANDA').start();
</script></center>


Perlu diubah :

Ungu : Lebar dan tinggi widget anda
Biru : warna background
Fuchsia : Warna tulisan
Oren : Warna link
Merah : username anda

Kalau tak tahu apa usename bukak twitter kalian  copy linknye yang saya hijaukan ialah username...
https://twitter.com/nurfaezah_97
Preview dan save...kalau tak jadi jangan ubah kod yang saya bagi kecuali username...

No comments:

Post a Comment