Add Twitter Updates On Blogger Using jQuery

[postlink]https://iamdaowner.blogspot.com/2012/06/add-twitter-updates-on-blogger-using.html[/postlink]
Twitter plugin on blogger, yet another must have plugin for bloggers. Unlike the normal plugin offered by Twitter, this uses jQuery script with easy to integrate and also easy to modify for any blogspot blogs. It is not just a twitter update plugin, you can also highlight reply and links, to make your Twitter updates more resourceful. Thanks to Philip for making tweetable script. So here are the steps to add Twitter updates on Blogger blogs.
Step 1: Before getting into the script section. We need to call jQuery within our blogger template. So inorder to do that, just paste the below code after <head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3/jquery.min.js" type="text/javascript"></script>
<script src="http://sites.google.com/site/bloggermintcom/jquery.tweetable.js" type="text/javascript"></script>
Step 2: Now navigate to Blogger dashboard > Layout > Page Elements. Click on Add a Gadget and select HTML / Javascript and enter the code which you find below
<div id="tweets">
<script type='text/javascript'>

$
(function(){

$
('#tweets').tweetable({username: 'bloggermint', time: true, limit: 5});
});
</script>
</div>
Now change the user name with your twitter user name and you can also change the number of updates to display, by just changing the limit value.Click here to see the live demo
Drop in your comments, if you need help in blogger integration.

0 comments:

Post a Comment

Grab the widget  IWeb Gator
Powered by Blogger.

Click the Like Button Below To Receive all updates via Facebook

Powered By Blogger Tricks |

Popular Posts