Twitterのウィジェットをつくる - Webデザインのこと、いろいろ

twitter のプラグイン：完成版にリンク
埋め込みタイムライン | Twitter Developers：参考サイト
Login on Twitter：参考サイト

f:id:sankoblog:20160707221809p:plain

<!doctype html>
<html lang="ja">
<head>
<meta charset="UTF-8">
<title>twitter のプラグイン</title>
<style>
#twitter {
	width: 30%;
}
</style>
</head>

<body>
<div id="twitter">
<a class="twitter-timeline" href="https://twitter.com/fubiz" data-widget-id="724889102533939200">@fubizさんのツイート</a> <script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+"://platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>
</div>

<div id="facebook">
</div>
</body>
</html>