Saturday, January 9, 2010

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

2 comments:

Anonymous said...

Udah ane pasang nih... makasih bro...

Syarhan on January 13, 2010 at 1:45 AM said...

thanks for your comment... hope you visit me again...

Post a Comment

 

Blogger Tips and Style Copyright © 2009 Community is Designed by Free Blogger Template