Monday, June 25, 2012

Cara Memasang Widget Twitter di Blog


Bagi anda yang sudah memiliki blog sendiri dan anda ingin mempercantik tampilan blog anda, salah satunya dengan memasang widget twitter. hal yang pertama anda harus membuat akun twitter dulu, jika sudah copy kode di bawah ini dan paste kan.


<div style="background:#fff url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgO7okPmvhywqsNdIV5Y9mT5SaxEKGiwTay_02DoyQ2f5NjfjAWZdjcjsIzqQGNUJl_1OT28VhA7puc1DDHQmsbRvP4KPrWJtbSCnFoBVyLLVZPr5Maatg9n0tWddd9U9a-a2jFwKUltlae/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('AndieAAN').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=AndieAAN&amp;show_count=&amp;
show_screen_name=&amp;text_color=" frameborder="0" scrolling="no"></iframe> </div>


Cara nya :
1.login ke blogger
2.klik tata letak
3.klik tambah gadget
4.pilih edit html/javascript
5.kemudian paste kode tersebut
6.save.
catatan : silahkan ganti yang berwarna merah dengan nama anda..
Lihat hasilnya..semoga bermanfaat buat anda. silahkan beri komentar nya. . .thank's

0 comments:

Post a Comment

My Blog List