Sunday, September 6, 2009

Twitter Widget for Blogger Blogs

Twitter became one of the most powerful social media and widely spread. There are many benefits for web masters using twitter.twitter widget blogger

Adding twitter updates to a blogger site is real easy. You have nothing to do other than placing below codes as your requirement.

  • Show Updates of Single Account:
If you need to display updates from just one twitter account then copy the below code and place it in your blog site using HTML/JavaScript Gadget.

Go to Layout > Page Elements. Click on Add a Gadget. Select HTML/JavaScript from the list. Copy/paste the code given below and Save.

Replace tutoorials with your twitter username.
count=5 shows 5 twitter updates on the sidebar. Change count number to whatever you want to show that much updates on the sidebar...


<div id="twitter_div">
<ul id="twitter_update_list"></ul>
<a id="twitter-link" style="display:block;text-align:right;" href="http://twitter.com/tutoorials">follow me on Twitter</a>
</div>
<script src="http://twitter.com/javascripts/blogger.js" type="text/javascript"></script>
<script src="http://twitter.com/statuses/user_timeline/tutoorials.json?callback=twitterCallback2&count=5" type="text/javascript">
</script>


Styling the widget: [Optional]

<div style="background: url(http://www.tutoorials.com/images/twitter-icon.gif) top left no-repeat; padding-left: 50px;" id="twitter_div">


Define any style attributes for about code and replace it with
<div id="twitter_div">
however this is not important.

  • Show Updates of Multiple Accounts:

<div id="twitter_multi_div">
<ul id="twitter_multi_update_list">
</ul>
</div>
<script src=" http://all1js1files.googlepages.com/multitweet.js" type="text/javascript"></script>
<script text="text/javascript">
MultiTweetUsers = "Twitter_UserName1,Twitter_UserName2,Twitter_UserName3";
MultiTweetMask = "";
TweetsPerUser = 3;
getUserTweet(MultiTweetUsers, TweetsPerUser);
</script>

Replace Twitter_UserName 1, 2, 3 etc with real twitter usernames. You can add any numbers of accounts as you wish. Each user name is separated by a "COMMA" as shown above.

TweetsPerUser = 3; This define 3 twitter updates per user.

0 comments:

Post a Comment