Twitter Widget

This is the live preview.

Assalamualaikum.

Okay, hari nie saya nak wat tutorial twitter widget. Sebab ade orang request. Dye tanye camni,

untuk pengguna blogskin ade tak? please! untuk yg blog versi lame punye. tolong buatkan :)

Saya pun tngah blur mase nie o.O Dye tanye untuk blogskins, pastu untuk yg blog versi lame punye. Rasenye widget yg lame kot, kan skarang dah berubah wajah. So saya ade simpan kod dye ^^ twitter widget nie sesuai untuk semua template termasuk blogskin.

Classic Template/Blogskins

• Dashboard > Template
• Ctrl + F, cari kod sidebar korang. Example ; twitter, social networks or anything else.
• Copy kod di bawah and paste kat kod sidebar korang.

<center><script charset="utf-8" src="http://widgets.twimg.com/j/2/widget.js"></script>
<script>
new TWTR.Widget({
  version: 2,
  type: 'profile',
  rpp: 4,
  interval: 30000,
  width: 230,
  height: 100,
  theme: {
    shell: {
      background: '#ffffff',
      color: '#b8b8b8'
    },
    tweets: {
      background: '#ffffff',
      color: '#919191',
      links: '#808080'
    }
  },
  features: {
    scrollbar: true,
    loop: false,
    live: false,
    behavior: 'all'
  }
}).render().setUser('username twitter korang').start();
</script></center>

Nota kenit :

• Merah : tukar la dengan width korang
• Oren : tukar la dengan height korang
• Ungu : warna background
• Hijau : username twitter korang. Korang x tau mane username korang?

Korang just ambek yg saya kotak warne merah tu.

• Preview and save. Senang jek kann? ^^

Template Designer

• Dashboard > Layout > Add A Gadget > HTML/Javascript
• Copy kod di bawah dan pastekan kt HTML/Javascript

<center><script charset="utf-8" src="http://widgets.twimg.com/j/2/widget.js"></script>
<script>
new TWTR.Widget({
  version: 2,
  type: 'profile',
  rpp: 4,
  interval: 30000,
  width: 230,
  height: 100,
  theme: {
    shell: {
      background: '#ffffff',
      color: '#b8b8b8'
    },
    tweets: {
      background: '#ffffff',
      color: '#919191',
      links: '#808080'
    }
  },
  features: {
    scrollbar: true,
    loop: false,
    live: false,
    behavior: 'all'
  }
}).render().setUser('username twitter korang').start();
</script></center>

Nota kenit :

• Merah : tukar la dengan width korang
• Oren : tukar la dengan height korang
• Ungu : warna background
• Hijau : username twitter korang

• Preview and save! :D