Twitter widget
Added FreeSMGU twitter feed to main page.First using this code from snippets page:
[!--
[[code type="html"]]
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<base target="_parent">
<title>Twitter</title>
<style type="text/css">
body {
line-height: 140%;
}
ol, ul {
list-style: none;
}
body {
padding: 0;
margin: 0;
line-height: 140%;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 13px;
background-color: white;
color: black;
}
p {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 13px;
color: #333333;
margin: 10px 0 0 0;
}
ul, ol {
font-family: Verdana, Arial, Helvetica, sans-serif;
padding: 0 0 0 0;
margin: 10px 0 0 0;
font-size: 13px;
color: #333333;
color: #333333;
}
ul {
list-style-type: disc;
}
ul li, ol li {
line-height: 140%;
padding: 0 0 0 0;
margin: 0 0 2px 18px;
display: list-item;
-webkit-padding-start: 0;
color: #333333;
}
a:link {
color: #0044CC;
background-color: transparent;
text-decoration: underline;
font-style: normal;
}
a:visited {
color: #000000;
background-color: transparent;
text-decoration: underline;
font-style: normal;
}
a:hover {
color: #000000;
background-color: transparent;
text-decoration: underline;
font-style: normal;
}
a:active {
color: #000000;
background-color: transparent;
text-decoration: underline;
font-style: normal;
}
li a:link {
color: #808080;
background-color: transparent;
text-decoration: none;
font-style: normal;
}
li a:visited {
color: #808080;
background-color: transparent;
text-decoration: none;
font-style: normal;
}
li a:hover {
color: #808080;
background-color: transparent;
text-decoration: none;
font-style: normal;
}
li a:active {
color: #808080;
background-color: transparent;
text-decoration: none;
font-style: normal;
}
li span a:link {
color: #0044CC;
background-color: transparent;
text-decoration: underline;
font-style: normal;
}
li span a:visited {
color: #000000;
background-color: transparent;
text-decoration: underline;
font-style: normal;
}
li span a:hover {
color: #000000;
background-color: transparent;
text-decoration: underline;
font-style: normal;
}
li span a:active {
color: #000000;
background-color: transparent;
text-decoration: underline;
font-style: normal;
}
</style>
<script type="text/javascript">
function odd_even_list(list_id) {
var o = document.getElementById(list_id);
var li = 1;
for(i = 0; i < o.childNodes.length; i++) {
if(o.childNodes[i].nodeType == 1 && o.childNodes[i].nodeName == "LI") {
o.childNodes[i].style.backgroundColor = "#D1CFC2";
if(li % 2 == 0)
o.childNodes[i].style.backgroundColor = "#DDD6C5";
li += 1;
}
}
}
</script>
</head>
<body onload="odd_even_list('twitter_update_list');">
<div id="twitter_div">
<h2 style="display: none;" >Twitter Updates</h2>
<ul id="twitter_update_list"></ul>
<a href="http://twitter.com/FreeSMUG" id="twitter-link" style="display:block;text-align:right;">more...</a>
</div>
<script type="text/javascript" src="http://twitter.com/javascripts/blogger.js"></script>
<script type="text/javascript" src="http://twitter.com/statuses/user_timeline/FreeSMUG.json?callback=twitterCallback2&count=5"></script>
</body>
</html>
[[/code]]
--]
[[iframe http://freesmug.wikidot.com/twitter/code/1 frameborder="0" scrolling="no" width="100%" height="600px"]]Then used official twitter widget code:
<script src="http://widgets.twimg.com/j/2/widget.js"></script>
<script>
new TWTR.Widget({
version: 2,
type: 'profile',
rpp: 8,
interval: 6000,
width: 'auto',
height: 300,
theme: {
shell: {
background: '#d1cfc2',
color: '#93271b'
},
tweets: {
background: '#ddd6c5',
color: '#000000',
links: '#62411f'
}
},
features: {
scrollbar: false,
loop: false,
live: false,
hashtags: true,
timestamp: true,
avatars: false,
behavior: 'all'
}
}).render().setUser('FreeSMUG').start();
</script>