Cara Membuat Widget Twitter Menarik

Cara Membuat Widget Twitter Menarik - Sebenarnya sih Pihak Twitter sudah membuatkan Widget tersebut untuk di pasang di Blog atau Situs,Tapi Design yang Dimiliki Twitter kurang Elegant,sehingga Para Blogger mencoba untuk memodifikasi yang hasilnya bisa berbagai macam dan bentuk.

Untuk kali ini saya akan membahas tentang Widget Twitter tersebut,Nih Step-stepnya
1.Login ke dashboard
2.pilih Rancangan/Design - Elemen Halaman
3.pilih Tambah Gadget - Javascript / Html
4.Masukkan Kode di bawah berikut

<div style="background:#fff url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEihgtJjlcRtkJ3us9M7qeXkTbOeREzZu0GhnDUMkN6PU4DxPV2S5AmOjJIjCmfSozjSpT7VJ1B-47i41YNCSktIo9QDihKSNJWnLcR7BX_pFWj0u6DgCJxRRnpYYYLc9WI-LQJJFdkzd_U/s1600/tweet.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('ExclouZ').start();

</script>

</div>

5.Kemudian Save

Background bisa di ganti,dengan di bawah ini

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEihgtJjlcRtkJ3us9M7qeXkTbOeREzZu0GhnDUMkN6PU4DxPV2S5AmOjJIjCmfSozjSpT7VJ1B-47i41YNCSktIo9QDihKSNJWnLcR7BX_pFWj0u6DgCJxRRnpYYYLc9WI-LQJJFdkzd_U/s1600/tweet.png

 

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgtjpA7CWMUdgg4VlLhQaopKOxQbugOD6gDez7JAr35PWETuQwLWLc7y9w4qhbM1NoWyIMGGFK0NQXV-baiDnwGwfJXHxpaOeNndTMpAybC2RZeAUQbOxPeSFR1doN1wADQup09DYcXBMAl/s1600/tweet.png

Nb: 10 = 10 adalah jumlah Tweet yang akan di tampilkan
      .setUser('ExclouZ') = di ganti dengan id twitter anda

Thanks ^_^

ExcLouz

Terima kasih telah mengunjungi Exclouz-xp dan Jangan bosa ya ^_^

Related Post

Backlink Please !! ^_^

URL

Code For Forum

HTML Code <a href='http://exclouz-xp.blogspot.com/2012/08/cara-membuat-widget-twitter-menarik.html' target='_blank'>Cara Membuat Widget Twitter Menarik</a>