ツイートを自分のブログやホームページに埋め込む方法を解説します。 ほぼHTMLだけなので簡単です。
2013年6月24日
このページの内容は古くなったため、新しく書き直しました。新しいページはこちらです。
HTMLだけでツイッターを埋め込む方法 Twitter API1.1対応
質問や間違い指摘は何でもご連絡ください(^^)
ツイートの埋め込み手順
以下の2つだけで完了です。
- twitter.jsを保存する
- HTMLタグを追加する
1. twitter.jsを保存する
twitter.js ← このリンクを右クリックして、「名前を付けて保存」してください。
※「ts_3156」っていう部分のみ、自分のユーザ名に書き換えてください。※
2. HTMLタグを追加する
以下のHTMLタグを、ツイートを埋め込みたい場所に書いてください。
<div id="twitter"></div>
<div>
<a href="javascript:twbtn('back');">前へ</a>
<a href="javascript:twbtn('next');">次へ</a>
</div>
<script type="text/javascript" src="twitter.js"></script>
たったこれだけで完了です。このページの右側のツイッターもこの方法で埋め込まれています。
補足：デザインをCSSで変える方法
CSSでデザインを変える方法のサンプルも作りました。よかったら参考にしてみてください。
参考にしたページ
質問お気軽にどうぞ
質問や間違い指摘は何でもご連絡ください(^^)
