Tutorial: Twitter Widget // Thursday, March 22, 2012
I wanna share about twitter widget again.
First, copy this codes:
<div style="border: 1px solid #000; padding: 5px; width: 200px; height: 200px; overflow: scroll;">
<div id="twitter_div">
<ul id="twitter_update_list"></ul>
</div>
<script type="text/javascript" src="http://twitter.com/javascripts/blogger.js"></script>
<script type="text/javascript" src="http://twitter.com/statuses/user_timeline/chocolettha.json?callback=twitterCallback2&count=6"></script>
</div></center><br />
<center>
<a href="https://twitter.com/chocolettha" class="twitter-follow-button" data-show-count="false" data-lang="en" data-size="medium">Follow @chocolettha</a><br/><script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>
</div>
Marked:
Red, the thickness of the border.
Yellow, change with dashed, dotted, groove, outline, double.
Green, the border color.
Violet, width and height of your twitter widget.
Pink, change with your username.
Blue, twtter count. Show how many tweets that will appear.
Copy and paste these codes where you want. Remember, my English is bad, you just stfu ok.