How to make a custom latest Tweets / Twitter updates Gadget for your blog

How to make a custom latest tweets / Twitter updates Gadget for your blogTwitter can be a major source of traffic for Bloggers and the evedince can be seen on some top blogs giving their twitter gadgets and widgets prominent positions on their Blogs.Not only can Twitter bring you new unique traffic it’s a great way to keep potential return visitors updated.

While most bloggers are using the bland default Twitter Updates gadget you will have seen a few more custom stylish gadgets on your travels.The gadget i have for you in this post will add some spice to your blog and is a step away from the default.

I have used the light blue colors used in the Twitter layout and some nice Twitter icons.

You Can See A Demo / Sample of the gadget on my Demos blog here : Demo Blog

Heres The Steps to get your Latest Tweets Gadget :

1.Click Layout-> Add a gadget for your blog.

Blogger layout

add a gadget blogger

2.Choose Html/Javascript

add html javascript blogger

3.Copy all of the code below into the area provided :

<a href=" TWITTER USER HERE" target="_blank"><img border="0" src=""/><img border="0" alt="Twitter" src=""/></a><font color="#49C8F0"><br/><br/><b><center><u>Latest Tweets</u></center></b></font><br/>
<div id="twitter_div"><font color="#49C8F0"><i>
<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=" TWITTER USER HERE">follow me on Twitter</a>
<script src="" type="text/javascript"></script>
<script src=" TWITTER USER HERE.json?callback=twitterCallback2&count=3" type="text/javascript"></script>

<a href=” TWITTER USER HERE” target=”_blank”><font color=”#49C8F0″> TWITTER USER HERE</font></a> <br/><br/>


You MUST now make the following changes to set gadget to your Twitter :

If you need more help or have an opinion or suggestion Please leave a comment Below..
This is a Do-Follow Blog so leaving a comment will also help Your blogs Google rank.

1.Were you see YOUR TWITTER USER HERE replace with your twitter User name
(Make sure to change all 5)

Example :

2.Were you see ‘count=3’ in the code this can be changed to set how many tweets will be displayed in the gadget.

Example: count=4 count=5 count=6

Once you have made the changes click save and your done.

Your gadget has been added you can now drag and drop it into place on the layout page.

You can Find Me On Twitter Here : @PaulCrowePro




    I have spent the last 2 evenings trying to find a code for a Twitter gadget that worked but was also easily customizable so I could get it to look how I wanted. I just happened across this page while googling and it worked great!


  2. Hi Raj,

    I set up this gadget as i didnt like the standerd Twitter widgets either.I worked on using the light blue Twitter colors and as you say it leaves room for some extra tweeks to suit your blog design.

    Im delighted you found it so usefull !



  3. Your blog very informative. Thank you for sharing.


  4. Hi Noel,

    Thanks for your nice comment, im glad you found the posts so helpfull.If you need any extra help just ask !



  5. Thank you for sharing this code. I am a newbie to writing my own and this really gave me a jump start. It was easy to tweek even though I barely knew what I was doing, because of your clear instructions and it looks great on my Blog!
    Thank you!


  6. Really very informative and sophisticated blog as well as shareed information, thanks for wonderful post!!Enjoy