Custom Latest Tweets

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

Twitter 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 (13)
blogger add a gadget (2)

2.Choose Html/Javascript

html javascript blogger (2)

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

<a href="http://www.twitter.com/YOUR TWITTER USER HERE" target="_blank"><img border="0" src="http://i631.photobucket.com/albums/uu40/paulcrowe/twitter.png"/><img border="0" alt="Twitter" src="http://i941.photobucket.com/albums/ad259/spiceupyourblog/twitter.png"/></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="http://twitter.com/YOUR TWITTER USER HERE">follow me on Twitter</a>
</i></font></div>
<script src="http://twitter.com/javascripts/blogger.js" type="text/javascript"></script>
<script src="http://twitter.com/statuses/user_timeline/YOUR TWITTER USER HERE.json?callback=twitterCallback2&count=3" type="text/javascript"></script>

<a href="http://twitter.com/YOUR TWITTER USER HERE" target="_blank"><font color="#49C8F0">Twitter.com/YOUR TWITTER USER HERE</font></a> <br/><br/>

Edits:

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 : http://twitter.com/paulcrowepro

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?

Similar Posts

How to make a custom latest Tweets / Twitter updates Gadget for your blog
Informative
81
Useful
90
Easy To Read
85
Fact
95
Reader Rating0 Votes
0
88