Copyright © Roddy McKay - 2009 - All Rights Reserved

Disclaimer; I may be a twat (Scottish for twit) but I definitely don't tweet!

This account was opened to solve the problem of the Twitter widget in iWeb.

Go to Twitter Website, create your widget and copy the code that these stupid twits give you. It will look something like this...


<a class="twitter-timeline" data-dnt=true href="https://twitter.com/your-name" data-widget-id="245929578432958468">Tweets by Your-Name</a>

<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>


Change this - src="//platform.twitter.com/widgets.js - to - src="https://platform.twitter.com/widgets.js


and paste all of the above into this doc...


<head>

<meta http-equiv="content-Type" content="text/html; charset=utf-8">

<style type="text/css">

.twitter {width:530px;height:610px;margin:0;padding:0;border:none;display:block}

</style>

</head>

<body>

<div class="twitter">

<!--paste your Twitter code-->

<a class="twitter-timeline" data-dnt=true href="https://twitter.com/your-name" data-widget-id="245929578432958469">Tweets by Your Name</a>

<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="https://platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>

<!--/end Twitter code-->

</div>

</body>


Now copy this and paste it into an HTML Snippet.


If you need to change the height of your widget enter a different value for the one marked orange.


Note: You need to publish the page to a local folder or the server to see the Widget.