Tutorial letak twitter widget new version

Saturday, December 22, 2012 at 11:50 PM | 1 grown up kid

Assalammualaikum.


      Hari ni saya nak ajar letak twitter widget dekat blog. Macam dekat atas ni. Kebanyakkan tutor yang saya jumpa waktu googling semuanya waktu twitter version dulu. Code yang saya nak ajar ni code baru. Senang sangat. Saya rasa code ni untuk blogskin dan template designer dua-dua boleh kot.

# Blogskin 
Dashboard > Template > copy code di bawah ni dan paste kan dekat mana-mana yang anda mahu widget tu muncul.

<center>
<a href="https://twitter.com/natasyasarbini" class="twitter-follow-button" data-show-count="false">Follow @natasyasarbini</a>
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script></center><br>
<center><script charset="utf-8" src="http://widgets.twimg.com/j/2/widget.js"></script>
<script>
new TWTR.Widget({
  version: 2,
  type: 'profile',
  rpp: 10,
  interval: 30000,
  width: 230,
  height: 150,
  theme: {
    shell: {
      background: '#F2F2F2',
      color: '#000'
    },
    tweets: {
      background: '#fff',
      color: '#555555',
      links: '#D87D9E'
    }
  },
  features: {
    scrollbar: true,
    loop: false,
    live: true,
    behavior: 'all'
  }
}).render().setUser('natasyasarbini').start();
</script></center>
merah : url twitter anda
oren : usernama anda
kuning : width dengan height, ikut suka
hijau : colour ikut suka anda, lihat sini

p/s - kalau jadi comment yaw :3

Sekian,
Asa Banie