Selasa, 24 April 2012

Cara Membuat Widget Status/Follower Twitter di Blog

Cara Membuat Widget Status/Follower Twitter di Blog - Kalau dulu Saya pernah memposting tentang Cara membuat Twitter follower Box di Blog , Kali ini saya akan membahas tentang Cara Membuat Widget Status/Follower Twitter di Blog . Membuat atau memasang widget Twitter untuk Tweet (update status) serta follower Twitter  selain untuk share twitter sobat widget ini juga untuk mempercantik blog . sobat bisa lihat demonya di sidebar saya , Nah itulah contoh Widget Status/Follower Twitter . Bagi sobat yang ingin memiliki widget tersebut , sobat tinggal ikuti Langkah - langkah berikut ini . 
 
1. Login ke Blogger sobat.
2. Pilih menu Rancangan > Tata letak
3.  Copy kode dibawah ini di Html/Javascript
<div style="background:#fff url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgO36Ybd9Q91l3TJV8syT4yvyngDqtad28uKc26orzVsuzPc7gQcHJAHlz63ppaEHvXMUOYv68DDuzLdx0lyHlvtBesHa1D4SuKopZ_XsEsenFm75LFi5nlPo5__4A_Nhxbl3c6-sQwbUPU/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('tutorialblogz').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=tutorialblogz&amp;show_count=&amp;
show_screen_name=&amp;text_color=" frameborder="0" scrolling="no"></iframe> </div>
 Keterangan : ganti yang berwarna merah dengan username twitter sobat

4. Terakhir Klik Simpan . Semoga Berhasil ;)
Powered by Blogger