efek semut

Jumat, 15 Februari 2013

Cara Membuat Widget Tweet/Follower Twitter di Blog


Cara Membuat Widget Tweet/Follower Twitter di Blog  – Membuat atau memasang widget Twitter untuk Tweet (update status) serta follower Twitter  selain untuk kebutuhan share artikel juga untuk mempercantik blog. Kalau sebelumnya saya sudah pernah memposting widget follower twitter animasi flash maka yang saya share kali ini khusus buat  update status (tweet) dan follower twitter yang boleh anda pasang di sidebar. Demo hasil widget dapat sobat lihat pada screenshoot dibawah dan scriptnya dapat langsung dicopy aja terus pasang di sidebar blog sobat dan jangan lupa ganti username twitternya.langkah-langkah nya seperti dibawah ini :
1.       Login ke dashboard blogger sobat.
2.       Pilih Rancangan > Elemen Halaman > Add Gadget (HTML/JavaScript).
3.       Copy dan paste script dibawah ini pada gadget baru tadi.

         <div style="background:#fff url(http://2.bp.blogspot.com/-CLBGzLyi1so/T1UPEFQD_oI       /AAAAAAAAFuI/dTa03s7vVYg/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('ritanonipisael').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=ritanonipisael&amp;show_count=&amp;
show_screen_name=&amp;text_color=" frameborder="0" scrolling="no"></iframe> </div>
4.       Simpan dan lihat hasilnya.
sumber: www.rayhanzhampiet.com

2 komentar:

  1. oh yg seperti ini, kirain yg seperti likebox fanspage

    BalasHapus
  2. trimakasih infonya,,,
    sangat bermanfaat,..
    mantap,,

    BalasHapus