Thursday, September 1, 2011

Add Your Recent Tweets to Blogger

Add Your Recent Tweets to Blogger


If you’ve got a Blogspot.com blog, you can add your Twitter feed to the sidebar very, very easily. The feed will list your last 5 tweets, as well as the time it was posted and link to follow if the reader chooses. I’ve seen several variations of this code and its presentation, but the one I use on my own blog, and the one I use when installing blogs for other people, is the simplest version possible. Why? Because I don’t want the script slowing the loading down and I don’t want the widget itself to look wonky in different browsers or screen resolutions. If you’d like to add your recent tweets to your blogger sidebar, this is how you do it:



First, you'll need to edit the code:


You will need to make TWO very easy changes. The code you see below is the code for my own personal twitter feed, and you will need to edit it to display yours. I have left my twitter name (ashokbhanwal) in place so that you can see exactly where yours will go. Simply copy your twitter user name and paste it directly overtop of mine (ashokbhanwal) – in both places. Once that is done, your code is ready to show your own twitter feed. Make sure you that you do not paste over top of, or remove anything which is not bolded. If you do, it won’t work. And if you make a mistake, simply come back here and copy the code again and start over. Easy peasy.



Here's the code:

<div style="margin-right:0px"><div id="twitter_div">
<h2 style="display:none;" class="sidebar-title">Twitter Updates</h2>
<ul id="twitter_update_list"></ul>
<a id="twitter-link" style="display:block;text-align:right;" href="http://twitter.com/ashokbhanwal"></a>
</div>
<script src="http://twitter.com/javascripts/blogger.js" type="text/javascript"></script>
<script src="http://twitter.com/statuses/user_timeline/ashokbhanwal.json?callback=twitterCallback2&amp;count=5" type="text/javascript"></script></div>

Now you’re ready to install

  • Log into your Dashboard.
  • Click on 'Layout'
  • Go to the sidebar in question and click 'add a gadget'
  • Click on the 3rd option down, which is titled 'HTML/JavaScript'
  • Copy and paste your new code into the box.
  • Click 'save'
  • Position the widget wherever you’d like – most people put it somewhere near the top. If you’d like to see how mine looks you can take a look at my blog.
About ashok bhanwal

Pellentesque penatibus, sed rutrum viverra quisque pede, mauris commodo sodales enim porttitor. Magna convallis mi mollis, neque nostra mi vel volutpat lacinia, vitae blandit est, bibendum vel ut. Congue ultricies, libero velit amet magna erat. Orci in, eleifend venenatis lacus.

You Might Also Like

0 comments:

Post a Comment

Google+

Copyright 2013 copyright ashok bhanwal. Powered by Blogger.

About Me

My Photo
hello!  i am ashok bhanwal.professionally i am web designer and Developer.I am Quite Familiar with html, css, asp.net,php, c#, mssql,jquery,ajax.I am fun loving guy.I am always surfing internet for searching new stuff in technology.

Contact Form

Name

Email *

Message *

Google+ Followers

Total Pageviews

Top Stories

Amazing Gift for you

Blogger news

Blogroll