Cara Membuat Twitter Follower Box Widget Di Blog

Atas permintaan teman, kali ini Irfan's blog memposting tutorial Membuat Twitter Follower Box Widget Di Blog . Sebelumnya , irfan's blog pernah membagi yang ada hubungannya dengan twitter, yaitu cara membuat widget update status Mungkin widget yang satu ini sudah banyak dishare oleh blogger lain, namun untuk melengkapi tutorial blogger di Finding reality | irfan's blog, 

Pada dasarnya Twitter Follower Box Widget ini tampilannya mirip dengan Facebook Like Box Widget. Pada Twitter Follower Box Widget juga menampilkan tombol untuk follow Twitter kita, jumlah follower dan photo-photo dari follower kita.

Untuk demonya, lihat di bawah ini : 

  

Caranya cukup mudah, tinggal copy kode di bawah ini ke gadget HTML/JavaScript pada sidebar / footerbar blog Anda.

<iframe src="http://s.moopz.com/connect.html?user=irfan295_" class="FB_SERVER_IFRAME" style="width: 287px; height: 242px; border: none; overflow:hidden;" frameborder="0" scrolling="no" name="fbfanIFrame_0" allowtransparency="true"></iframe><script type="text/javascript">fanbox_init("irfan295_");</script>

Ganti tulisan irfan295_ dengan user name Twitter Anda. Dan tulisan/angka yang berwarna biru untuk mengatur lebar (width) dan tinggi (height) widget, silahkan atur dan sesuaikan dengan lebar sidebar blog Anda.

Selamat mencoba...

Cara Membuat Widget Update Status Twitter.

posting kali ini saya mau Share Cara Membuat Widget Update Status Twitter. Pastinya sangat bagus dong, :3 hahaa,
Nih, liat aja demonya.

Mau? Gampang.. Nih, ikutin cara dibawah ini.http://irfan295-kdc.blogspot.com

.http://irfan295-kdc.blogspot.com

Masuk akun blogger kalian

Ke Rancangan -> Elemen Laman
Tambah Gadget
Lalu Copy Paste kode dibawah ini http://irfan295-kdc.blogspot.com 

Klik Disini

<div style="background:#fff url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj_8g7WPjnxBsUUBACczLJhtnMiMz62IrUcp_w38iGdEk07GUydf3YrDG03-kCrksOsz8qiuOebCpLSM50LS_lnXK1GwLtkgMtrUAXflJddB_OM-d5DlrezlCBDbu7nqC083t9rdy9PWc22/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('irfan295_').start();
</script>
</div>
<br />
<div class="twitter"> <!-- Twitter --> <iframe title="" style="width: 300px; height: 20px;" class="twitter-follow-button" src="http://platform.twitter.com/widgets/follow_button.html#_=1319978796351&amp;
align=&amp;button=blue&amp;id=twitter_tweet_button_0&amp;
lang=en&amp;link_color=&amp;screen_name=irfan295_&amp;show_count=&amp;
show_screen_name=&amp;text_color=" frameborder="0" scrolling="no"></iframe> </div>

Terakhir, ganti teks yang berwarna merah (username twitter saya) dengan username twitter kalian http://irfan295-kdc.blogspot.com
Klik Save, dan selesai. :)

Terima kasih sudah membaca postingan saya yang berjudul Cara Membuat Widget Update Status Twitter.. :)
http://irfan295-kdc.blogspot.com/