ツイッターウィジェットのデザイン変更サンプル : CSSファイル - ブルー

ソース：外部ファイルを使用しない場合

<script type="text/javascript">if(typeof jQuery=='undefined'){document.write(unescape('%3Cscript src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js" type="text/javascript"%3E%3C/script%3E'));}</script>

<div class="twWTL wtlx-skin" title="Thanks!">
<a class="twitter-timeline" href="https://twitter.com/search?q=%E3%81%82%E3%82%8A%E3%81%8C%E3%81%A8%E3%81%86" data-widget-id="309009425719492609">ありがとう に関するツイート</a>
<script type="text/javascript">!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>
<script type="text/javascript">
var twWL={files:{skin:'http://blog-imgs-48.fc2.com/p/a/r/paro2day/WidgetsSample-blue.css'},
len:[],stop:function(){twWL.len=[];},main:function(){var i,s,qL=twWL.len,qF=twWL.files;for(i=0;i<qL.length;i++){var qI=qL[i],qC=$(qI).find('iframe:first').contents();if(qC.length){var qH=qC.find('head:first'),qM=qI.className.match(/wtl(.)-([\w]+)?/),qD=qI.title;if(qC.find('.stream:first').length){if(qM&&qM[2]&&qF[qM[2]]){s=document.createElement('link');s.rel='stylesheet';s.type='text/css';s.href=qF[qM[2]];qH[0].appendChild(s);}
if(qM){if(qM[1]=='x'){qC.find('.thm-dark:first').removeClass('thm-dark')}else{qC.find('.timeline:first').addClass('thm-dark');}}
if(qD){var h1=qC.find('h1.summary:first'),qA=h1.find('a');s=qA.length?qA:h1;s.text(qD);qI.removeAttribute('title');}
qL.splice(i,1);}}}
if(qL.length)setTimeout(twWL.main,300);}};
$(document).ready(function(){twWL.len=$('div.twWTL');twWL.main();$(window).load(function(){setTimeout(twWL.stop,4000);});});
</script>

ソース：外部ファイルを使用する場合

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script>
<script type="text/javascript" src="http://blog-imgs-48.fc2.com/p/a/r/paro2day/twitterWTL.js"></script>
</head>

<div class="twWTL wtlx-skin" title="Thanks!">
<a class="twitter-timeline" href="https://twitter.com/search?q=%E3%81%82%E3%82%8A%E3%81%8C%E3%81%A8%E3%81%86" data-widget-id="309009425719492609">ありがとう に関するツイート</a>
</div>