Join The Community

Premium WordPress Themes

Kamis, 18 Agustus 2011

Cara Membuat Widget Twitter

Hallo sobat Blogger..!!!

Sebenarnya sih perasaan lagi rada-rada kesal soalnya tadi lampu padam lama bangat...,,,sampai 5 jam'an gitu..!!! Weish parah gk tuh sob..... Asli bete dah.... (curhat.com_hihihihi)

Oyah, kali ini ane mau bagi trik tentang bagaimana menambahkan widget Twitter di Blog kita.! Hampir sama sih dengan widget yang sebelumnya.,itu tuh yang ada burung mundar-mandir di blog ane.... itu namanya burung abadi..!! hehehe.... (bercanda sob^_^). Tapi yang bikin ngebedain antara widget ini sama yang sebelumnya, kalau widget tampilannya lebih kayak tampilan percakapan... untuk lebih jelasnya lihat saja tampilan pada gambar berikut:

gambar 

Gimana?? Sobat tertarik gk??? Kalo tertarik buat masang widget ini di blog sobat caranya cukup simple..!!!

Copy dan pastekan kode dibawah ini dengan Add Widget pada layout blog sobat.!

<div style="text-align:center;margin:10px 10px;"><script src="http://widgets.twimg.com/j/2/widget.js"></script>
<script>
new TWTR.Widget({
  version: 2,
  type: 'profile',
  rpp: 5,
  interval: 6000,
  width: 320,
  height: 300,
  theme: {
    shell: {
      background: '#<div style="text-align:center;margin:10px 10px;"><script src="http://widgets.twimg.com/j/2/widget.js"></script>
<script>
new TWTR.Widget({
  version: 2,
  type: 'profile',
  rpp: 5,
  interval: 6000,
  width: 320,
  height: 300,
  theme: {
    shell: {
      background: '#940808',
      color: '##8B0000'
    },
    tweets: {
      background: '#faf7fa',
      color: '#000000',
      links: '#800000'
    }
  },
  features: {
    scrollbar: false,
    loop: false,
    live: false,
    hashtags: true,
    timestamp: true,
    avatars: false,
    behavior: 'default'
  }
}).render().setUser('Chumhienk_Ndra').start();
</script>
</div>a',
      color: '##8B0000'
    },
    tweets: {
      background: '#faf7fa',
      color: '#000000',
      links: '#800000'
    }
  },
  features: {
    scrollbar: false,
    loop: false,
    live: false,
    hashtags: true,
    timestamp: true,
    avatars: false,
    behavior: 'default'
  }
}).render().setUser('Chumhienk_Ndra').start();
</script>
</div>

Sobat pasti uda tau donk maksud dari yang berwarna hijau sama merah. Yap!!! yang hijau tinggal di sesuaiin saja sama lebar dan tinggi blog sobat, sedangkan yang berwarna merah ganti dengan user name twitter sobat sendiri....

Sekian...,and semoga artikelnya bermanfaat..!!!



0 komentar:

Posting Komentar