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

If you get stuck help is only a comment away.What do you think?

Join over 5000 Subscribers! Please sign up to receive Updates.

SUYB has its Focus on Quality. If we post Crap, you can unsubscribe.

No Spam and No Garbage! - Use RSS, Twitter & Facebook as an Alternative

If You Enjoyed This Post Please Take 5 Seconds To Share It.



    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


Important - If you ask a question make sure you tick the "Notify Me" box below the comment form to be notified of follow up comments and replies.

Hire Us