Add Twitter Updates in your blog

Twit, twit, twit and hello friends. I opened the laptop and started the day by giving all of you such a brilliant tutorial so that you can use it while blogging. We actually can see our twitter update at our blog. I bet all of you must be wondered about how to do it. All can be answered after you follow the steps given below.
Please read and understand it clearly and I hope you will be enjoyed with the tutorials...



Step #1: Sign in to blogger.com as usual. Go to your Layout > Page Elements and click at the Add a Gadget. Between the choices, you choose the HTML/JavaScript. A blank box in a small pop up window will appeared.

Step #2. Copy and paste this code in the box appeared:

<div style="background:#f5f5f5; border:solid 3px #f2f2f2;">
<div id="twitter_div" style="background: url(http://i625.photobucket.com/albums/tt337/syafzpic/syazavatar/TwiTTer_syafzpic.png) top left no-repeat; padding-left: 50px;"><ul id="twitter_update_list"></ul>
<a id="twitter-link" style="display:block;text-align:right;" href="http://twitter.com/syafiqzaimi"><strong>follow me on Twitter</strong></a>
</div>
<script src="http://twitter.com/javascripts/blogger.js" type="text/javascript"></script>
<script src="http://twitter.com/statuses/user_timeline/syafiqzaimi.json?callback=twitterCallback2&count=1" type="text/javascript"></script>
</div>

Attention!!!

• Replace the syafiqzaimi in the code above with your twitter ID.
• Replace the number 1 at the count=1 above to change the number of the Twitter updates

Step #3. Save it and you just need to view your blog.

If you are pleasure, please leave a comment  


Credits:
1. Twitter
2. syafzpic

InspiredMagz.com