アメーバブログにツイッターを表示させる方法

折角なのでアメブロのサイドバーにツイッターを貼り付けました。

やってみたい方もいらっしゃると思うので書いておきます。 （PC用）

【ツイッター】
1. 自分のユーザー名 → 設定
2. 素材 （画面一番下）
3. ウィジェット
4. 自分のサイト
5. プロフィールウィジェット
6. 完了＆コード取得 （ギアスかw） で表示された 「 <script～ 」 という部分を全てコピー

続いて…

【アメブロ】
7. ブログを書く
8. サイドバーの設定
9. サイドバーの基本設定
10. フリープラグイン [編集]
11. 枠の中に先程コピーしたコードを貼り付け
12. 保存
13. サイドバーの配置
14. 緑色の [フリープラグイン] が使用しない機能に入っていたら、使用する機能の好きな場所にドラッグ＆ドロップ → 保存 （[フリープラグイン] が使用する機能に入っていればこの操作は不要）

以上です。

無事表示されているかブログを確認してください。

表示されるツイッターの内容は、サイドバーの設定 → フリープラグイン [編集] で、数値を変える事で調整出来ます。

例えば、そのままだと文章の幅が合わずにはみ出すので、”width: 250” の数をサイドバーいっぱいの170に変えたり。

”rpp: 4,” の数は表示するツイート数。

”color: '#ffffff' ” 等は色で、「#ffffff」 が白、「#000000」 なら黒です。 （大文字と小文字の区別無し）

アメブロで文字色を変えるパレットを触ると表示されるアレですね。　お好きな色をどうぞ。

HTML色見本

他にも ”false” なら機能オフ、”true” でオンと変えられるので、ご自分で試してみてください。

※表示や動作がおかしくなった場合は設定を元に戻してください。

ツイてない！ ～悪魔のしもべはサキュバス男子～ (MF文庫J)/三門鉄狼

￥609

Amazon.co.jp