Friday, October 25, 2013

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/AVvXsEh_7Jbei21un200Pu1y4zHpLb9bOw77nUdYp98c-5Op5krpsEhKRpVQ73l10xw82SsPyPwBt_AG5jGMLXewKTIJz_RvQ-EIT1BrSDkybXbWzkkOvp4DDnYwF4Cb8-tV20AqWlAFHwOE8BQE/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 ;)

0 comments:

Post a Comment

Subscribe to RSS Feed Follow me on Twitter!