Last active
December 30, 2015 17:19
-
-
Save alalwww/7860557 to your computer and use it in GitHub Desktop.
Octopressの twitter aside がAPI1.0系のもので、表示できなくなっているのでTLウィジェットとツイートボタンでそれっぽいのを作成しました。フォローボタンはインラインスタイルで適当に位置調整しています。aside作成の参考までに。(このままコピっても使えないです。ツイッター公式でタイムラインウィジェットを作成してカスタマイズしてください。)
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<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