アフィリエイト広告を利用しています

広告

posted by fanblog

2016年10月05日

最新! Twitter のタイムラインをブログのサイドバーに表示する方法

これは以前このブログで書いたことがあるのですが、やり方がずいぶん変わっていたので書き直すことにしました。

順に説明します。

1)Twitter にログインして、自分の Twitter の URL をコピーして、メモ帳などに貼り付けておきます。
 (こんなやつです → 「https://twitter.com/pontajya」)(このURLはあとで使います)


2)Twitter 右上のプロフィール画像が表示されているところ[プロフィールと設定]をクリックします。

SC16105163959.png


3)メニューの中の「設定」をクリックします。

SC16105164512.png


4)左側に表示されるメニューの中の「ウィジェット」をクリックします。

SC16105164756.png


5)先ほどのメニューの右側上に「ウィジェット」と表示されると思います。
 その右側にある[新規作成]ボタンをクリックします。

SC16105165023.png

上から「プロフィール」「いいね」「リスト」「コレクション」「検索」の5つが表示されますが、一番下の「検索」以外は、どれをクリックしても同じです。
(たぶん、メニューがまだちゃんと完成していないのだと思います)


6)上の4つのどれかをクリックすると、こんなのが開きます。
 (日本語でお願いしたいところです)

SC16105165925.png


7)「何を埋め込みたいですか?」と聞いているようです。
 よく見ると、白いところに「Enter a Twitter URL」と書いてあります。
 ここで、1)でコピーしておいた自分の Twitter のURLを貼り付けます。


8)自分の Twitter のURLを貼り付けたら、その右側の「→」矢印をクリックします。

SC16105171454.png


9)2種類のパターンが表示されますが、タイムラインを表示したいので、左側をクリックします。

SC1610517185.png


10)下のような表示になりますので、上の青い文字「set customization options」のところをクリックして、少しカスタマイズします。

SC16105172129.png


11)各オプションを設定します。

SC16105172815.png

 「Height(高さ)」は設定した方がよさそうです。
 設定しないで試したところ、すごく長く表示されてしまいました。
 このブログに設置している高さは 600px ですので、参考にしてみてください。
 (入力するときは「px」を付けないで、単に「600」とします)

 「Width(幅)」は、220px以上で設定します。
 自分のブログのサイドバー幅を入れればいいと思いますが、サイドバー幅が200pxしかないときは、「220」としてみてください。
 
 他の設定は、変えてみると、その場でどのように表示が変わるかわかるので、お好みで変更してみてください。

 オプションの設定が決まったら、[Update]ボタンをクリックします。


12)[Copy Code]ボタンを押すと、コードがコピーできます。
 貼り付け先が用意できていないときは、メモ帳などにいったん貼り付けておくといいです。

SC16105172129.png

 [Copy Code]ボタンを押したとき、下のような表示になりますが、これは「コピーしたよ。ブログの適切な場所に貼り付けてね。」みたいなことが書いてあります。(たぶん)
 これは、右上の「×」をクリックして閉じてください。

SC16105175017.png


あとは、自分のブログのサイドバーなど表示したい場所に、コードを設置すればOKです。
コードの設置のやり方は、それぞれのブログのヘルプなどに書いてあると思います。

以上です。


にほんブログ村 IT技術ブログ フリーソフトへ
この記事へのコメント
コメントを書く

お名前: 必須項目

メールアドレス:


ホームページアドレス:

コメント: 必須項目

この記事へのトラックバックURL
https://fanblogs.jp/tb/5501396

※言及リンクのないトラックバックは受信されません。

この記事へのトラックバック
ブログ内を検索
ファン

最新記事
カテゴリー
最新コメント
ツイッター
広告設置のお知らせ

当ブログは、Amazonアソシエイト・プログラムの参加者です。
(Amazonアソシエイト・プログラムは、amazon.co.jpを宣伝しリンクすることによってサイトが紹介料を獲得できる手段を提供することを目的に設定されたアフィリエイト宣伝プログラムです)
記事内で使用している画像の一部は、Amazonの商品画像を使用しており、その商品へのリンクになっています。

また、その他のアフィリエイト・サービス・プロバイダなどの広告も表示しています。
当ブログをご覧の際は、cookie を有効にし、Webブラウザの広告ブロック機能を使用しないで、ご覧いただきますようにお願いいたします。

プロフィール
ぽん太親父さんの画像
ぽん太親父
建築関係の小さな事務所で、他に適当な人間がいないことから、コンピューター関連の担当をさせられています。 趣味でけっこう長い間パソコンを使っていますが、ちゃんと勉強していないので、うまくいかなくて冷や汗をかくこともしばしば。
プロフィール
×

この広告は30日以上新しい記事の更新がないブログに表示されております。