How to Output Cached Tweets Without a Plug-in
Displaying your Twitter feed on your website is a good way to get cross traffic and to get more people to follow you on Twitter. Although some good plug-ins exist that make this simple, you do not have to use a plug-in to showcase your cached tweets. Employ some simple code to set up your Twitter feed on your website.
Other People Are Reading
Instructions
-
-
1
Log in to your Web server through the cPanel.
-
2
Open your website's index.html page by double-clicking the name.
-
-
3
Insert the following code just before before the </body> tag:
"<script type="text/javascript" src="http://twitter.com/javascripts/blogger.js"></script>
<script type="text/javascript" src="http://twitter.com/statuses/user_timeline/username.json?callback=twitterCallback2&count=1"></script>"
-
4
Replace the "username" in the code with your Twitter username. For example, if your Twitter handle is @tweetme, insert "tweetme" where it says "username" in the code:
<script type="text/javascript" src="http://twitter.com/javascripts/blogger.js"></script>
<script type="text/javascript" src="http://twitter.com/statuses/user_timeline/tweetme.json?callback=twitterCallback2&count=1"></script>
-
5
Change the "count=1" to a larger number between 3 and 5 to display more of your cached tweets. The number 5 is the standard.
-
6
Insert the div code where you want to see the Twitter feed. A standard place to insert it is in the right sidebar:
"<div id="twitter_div"><ul id="twitter_update_list"><li> </li></ul></div>"
-
7
Style your new Twitter feed with some CSS, such as the following:
".custom #twitter_div {
padding:1px;
border:2px double #ddd;
-moz-border-radius:6px;
-webkit-border-radius:6px;
border-radius:6px;
}
.custom #twitter_div img {
float:right;
}"
-
1
Tips & Warnings
You can add more styling to your Twitter feed to customize it to your site.
References
- Photo Credit Comstock/Comstock/Getty Images
