Skip to content

Instantly share code, notes, and snippets.

@alalwww
Last active December 30, 2015 17:19
Show Gist options
  • Save alalwww/7860557 to your computer and use it in GitHub Desktop.
Save alalwww/7860557 to your computer and use it in GitHub Desktop.
Octopressの twitter aside がAPI1.0系のもので、表示できなくなっているのでTLウィジェットとツイートボタンでそれっぽいのを作成しました。フォローボタンはインラインスタイルで適当に位置調整しています。aside作成の参考までに。(このままコピっても使えないです。ツイッター公式でタイムラインウィジェットを作成してカスタマイズしてください。)
<section style="position:relative">
<h1>Twitter</h1>
<div style="position:absolute;top:0;right:16px">
<a href="https://twitter.com/alalwww" class="twitter-follow-button" data-show-count="false" data-lang="ja" data-show-screen-name="false">Follow @alalwww</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>
</div>
<div>
<a class="twitter-timeline" href="https://twitter.com/alalwww" data-widget-id="408658474638118912" data-chrome="noheader nofooter transparent" data-lang="ja">@alalwww からのツイート</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>
</section>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment