アイドルと自己改善と大学生活と・・・

好きなアイドルや、読んだ本、自己改善の方法や大学生活のことに関する記事を書いています.

はてなブログに、Twitterタイムラインを表示する方法を紹介

こんにちは 

 

今回は、ブログに自分のツイッターのタイムラインを設置する方法を

紹介したいと思います.

 

f:id:morningchang:20190613175121j:plain

 

 

 

はてなブログにTwitterのタイムラインを表示する方法

 

HTMLコードを取得

 

まず、 

publish.twitter.com

 

にアクセスします

 

f:id:morningchang:20190613172635p:plain

 

そして、Enter a Twitter URLに、

 

自分のツイッターのURLを入力します.

 

 

自分はまずここでつまづきました

 

自分のツイッターのURLがわからなかったからです.

 

自分のツイッターのURLは、

http://twitter.com/自分のツイッター名(ユーザー名の@を取り除いたもの) です.

 

自分はツイッターのユーザー名が @ackkey726なので、

@を除いた http://twitter.com/ackkey726 を入力します

f:id:morningchang:20190613172630p:plain

 

 

入力した後に

したにスクロールをすると、 以下のような画像が出てくるので

 

f:id:morningchang:20190613172626p:plain

Enbedded Timelineをクリックします

 

f:id:morningchang:20190613172623p:plain

そうすると、自分のツイッターのタイムラインのHTMLコードが 作成されるのでコピーして ブログの表示したい場所に貼り付けて終了です

 

 

サイズを変えたいという人は、

 

set customization opinion をクリックすると、

以下のようにサイズや色を決定できます

 

f:id:morningchang:20190613172622p:plain

 

ちなみに、自分は以下のように設定しました.

 

f:id:morningchang:20190613172857p:plain

設定したら、
Update→Copy Codeでコピーしましょう。

f:id:morningchang:20190613172849p:plain

 

コピーが完了したら、

次は はてなブログの設定です.

 

 

はてなブログの設定

 

デザインから、

f:id:morningchang:20190613172844p:plain

 

スパナのマーク(図中四角で囲んである部分)をクリック

f:id:morningchang:20190613172839p:plain

 

 

 

サイドバーをクリックします.(自分はサイドバーに設定しました.)

f:id:morningchang:20190613173004p:plain

その後、モジュールを追加

f:id:morningchang:20190613172958p:plain

HTMLをクリックし

f:id:morningchang:20190613172954p:plain

 

先ほどコピーしたコードを貼り付けます.

 

自分は、Twitterでの表示名をTwitterタイムラインにしました.

f:id:morningchang:20190613172949p:plain

その後、適用をクリックします.←これをやらないと、表示されません.

 

 

f:id:morningchang:20190613172944p:plain

 

そして、最後に変更を保存するを忘れずに押してください.

 

f:id:morningchang:20190613173023p:plain

無事に表示されました.

 

最後に

 

今回は、はてなブログにTwitterのタイムラインを導入する方法を紹介しました.

 


自分のブログに、ツイッターのタイムラインを乗せることにより フォロワーを増やすことが出来ます.おそらく

 

是非導入しましょう