アメブロお役立ち

アメブロサイドバーに、ツイッターのタイムラインを載せる方法

ツイッターのタイムラインを貼る

この記事では、アメブロのサイドバーにツイッターのタイムラインを載せる方法をまとめています。

スマホからでもできるので、どどーんとどうぞ!

スマホからのやり方

① まずは、アメブロアプリではなくWEBプラウザ(GoogleChromeとかSafariとか)からアメブロにログイン

② ブログ管理をタップ

③ 一番下までスクロールして、「パソコン版」をタップ

④ そしたらパソコン版になるので、

以下と同じ手順で進めてください↓

 

パソコンからのやり方

まずはこちらにアクセス。
https://publish.twitter.com/

こんな画面が出てくるので、①に自分のツイッターのアカウント名を@から入力し、②の矢印をクリック。

次はこちらをクリックして、

次はこちらをクリック、

次はこちらの矢印のフォーム(Widthと書いてある方)に、横幅サイズを入力します。

アメブロのサイドバーのサイズは、

  • 2カラム:300px
  • 3カラム:広い方300px、狭い方180px

なので、タイムラインを入れたい方のサイドバーのサイズを入力してください。

左のフォーム(Heightの方)は高さになります。こちらのサイズは自由に設定できるのでご自由にどうぞ〜〜。

参考までに横300pxの場合、縦600pxにすると140字前後のツイート2つ分が入るくらいになるので、ツイート1つ分くらいが良ければ300pxくらいでいいかもしれません。

そしてupdateをクリックして、

最後にこちらをクリックしてコピーしてください。

 

 

次はアメブロ側の設定です。

アメブロのブログ管理メニューの中から、「設定・管理」をクリックして、次に「プラグインの追加」をクリック。

「フリープラグイン」のタブをクリック。

そして先ほどコピーしたソースをここにペーストして「保存」をクリックで完了です!

表示されない場合

表示されない〜〜〜という場合は、こちら↓を確認してください。

アメブロ管理画面「設定・管理」>>>「配置設定」

「フリープラグイン」が「使用しない機能」に入っていたら、「使用する機能」のところまで動かしてください。場所は好きなところでOK。

*これは2カラム右サイドバーの画面です。 2カラム左サイドバーや3カラムの人は真ん中の白いところにも色々書いてあります。

 

フリープラグインが「使用する機能」に入ったら、保存して完了です!

これでたぶん表示されるようになったと思います!

 

おまけ:タイトル風の文字を入れる方法

 

こんな感じでタイトル風の文字を入れたい場合は、

ブログの編集・投稿画面を開いて、①入れたい文字や絵文字を入力 ②HTML表示をクリック

出てきたソースをコピーして、

さっきフリープラグインを貼った、アメブロ管理画面の「設定・管理」→「プラグインの追加」→「フリープラグイン」の中の、文字を入れたい場所にペーストして保存で完了です♡

こんな感じでタイトル風の文字がつけられます。

やってみてくださーい^^

 

まとめ

 

いかがでしたでしょうか♡

順番通りにやったらできるように画像付きで説明したので、思ってたより簡単にできたんじゃないでしょうか〜〜

他にも、アメブロ活用記事を書いてるので、そちらもよろしかったらどうぞ!

お役に立ったら、下のボタンからポチッとシェアをお願いいたします↓╰(*´︶`*)╯♡

 

 

アメブロカスタマイズ告知

アメブロをカスタマイズすることで、売上アップや読者数アップ、自分のやる気アップテンションアップをはかり、ブログライフをより楽しみたい個人・自分ビジネス向けの楽チンパッケージプランをお届けしています。

一緒に、アメブロをもっと楽しみませんか♡