Display twitter feed on website

display twitter feed on website  or display twitter post on website and many more statements we search in google or other search engine.

but i am here with an ultimate code. no need of php or asp programming.

however you do need basic HTML knowledge to use this script.

<style>
/*
***************************************
** Styles for the Twitter section.
***************************************
*/

#tweet_wrap {
    background-image: url(img/twitterBox-trans.png);
	background-repeat: no-repeat;
    width: 855px;
    height: 92px;
    margin: auto;
    margin-top: 20px;
    margin-bottom: 30px;
    font-size: 16pt;
    color: #686868;
	padding-top:5px;
	position:relative;
	/* display: none; */
	/* IF you want to remove the twitter section, un-comment the above line so it just reads... "display: none;" (without the quotes of course) */
}

#tweet a {
	color: #000000;
}

#tweet a:hover {
	color: #000000;
}

#tweet .loading {
	margin-left:370px;
	margin-top:28px;
}

#tweet ul {
	list-style:none;
	float:left;
	margin:10px 0px 0px 0px;
}

#tweet li {
	font-size: 18px;
	left: 145px;
	position: absolute;
	top: 18px;
	width: 630px;
}

#twitterLogo {
	width: 55px;
	height:55px;
	background-image: url(img/twitter-trans.png);
	background-repeat: no-repeat;
	position:absolute;
	top:13px;
	left:75px
}

#twitter img {
	margin-left: -200px;
}
/* End twitter styles */
</style>

	<script src="http://twitterjs.googlecode.com/svn/trunk/src/twitter.min.js" type="text/javascript" ></script>
	<script type="text/javascript" charset="utf-8">

	/* <![CDATA[ */
		getTwitters('tweet', {
		  id: 'pranavaj',
		  count: 1,
		  enableLinks: true,
		  ignoreReplies: false,
		  clearContents: true,
		  template: '%text% <a href="http://twitter.com/%user_screen_name%/statuses/%id%" />%time%</a>'
		});
	/* ]]> */

	</script>

<div id="tweet_wrap"> <!-- start tweet_wrap -->
	<div id="twitterLogo"></div>

	<div id="tweet"> <!-- start tweet -->
		<img src="img/loading.gif" alt="loading..." class="loading"/>
	</div> <!-- end tweet -->
</div> <!-- end tweet_wrap -->

Share this: