Source

IdenticaWidget / EXAMPLE.html

<html> 
	<head> <title>The Title</title>

			<!-- We need mootools-core and Request.JSONP from mootools-more -->
		<script src="http://u0d.de/97c648/mootools_1.2.4_core_yc.js" type="text/javascript"> </script>
		<script src="http://u0d.de/8c6bec/mootools_1.2.4.4_more.js" type="text/javascript"> </script>

			<!-- We need the IdenticaWidget class -->
		<script src="http://u0d.de/9b019f/identicawidget.js" type="text/javascript"> </script>

			<!-- Here we create 2 instances of IdenticaWidget. -->
		<script type="text/javascript">
			window.addEvent('domready', function(){

			    new IdenticaWidget({
					user_name: "derschreckliche",
					container: $("identica_widget") // Load to element with id="identica-widget"
				});

			    new IdenticaWidget({
					user_name: "derschreckliche",
					container: $("twitter_widget"),
					service: "twitter.com"
				});

			    new IdenticaWidget({
					follow_text: "The people i follow on identi.ca talking:",
					user_name: "derschreckliche",
					timeline: "friends_timeline",
					msg_count: "5",
					avatar: "1",	//With set to "1", every status will have an avatar
									//Set to "top" for your avatar only on top of the tweets(default)
					container: $("friends_widget")
				});
			});
		</script>
	</head>

	<body>
		<div id="identica_widget">
			<ul style="clear: both;">
				<li>no Updates</li>
			</ul>
		</div>

		<div id="twitter_widget">
			<ul style="clear: both;" >
				<li>no Updates</li>
			</ul>
		</div>

		<div id="friends_widget">
			<ul style="clear: both;" >
				<li>no Updates</li>
			</ul>
		</div>
	</body>
</html>