がぶさん日記☀️

ゆるゆるとゲーム🎮 プログラム🖥のことを呟きます

【Twitterタイムライン】の埋め込み!

こんにちは〜🤥

 

最近ブログをカスタマイズして

とてもブログらしく(?)なったので

どんなことしていったの?

って事を何回か分けて

記事にして紹介していこうと思います😎!!!

 

 

ブログのサイドバーにTwitterのタイムラインを埋め込む方法 

 

まずは、ブログのサイドバーにTwitterのタイムラインを埋め込む方法です!

 

僕のブログのこれ!!

 

f:id:Gabusan:20190330150220j:plain

 

Twitter始めたし

タイムライン埋め込んでみたら

いい感じになるんじゃ!?

って思ったんですよ~(*‘ω‘ *)!

 

下記からが

作成方法になります!

 

Twitterのタイムラインの埋め込みコードの作成

 

まずは

Twitter publish というサイトで

自分のTwitterの埋め込みコードを作ります!

 

Twitter publishはこちらです↓↓

publish.twitter.com

 

サイトを開いたら

 

ここに自分のTwitterのURLを貼り付けます!

 

f:id:Gabusan:20190330190952j:plain

 

※ 自分のTwitterのプロフィールのURLを張ってください

 

 

✖ タイムラインじゃなく

f:id:Gabusan:20190330191755j:plain 

 

◎ プロフィールのURLです!

f:id:Gabusan:20190330191801j:plain

  

  僕のだったら

  https://twitter.com/gabudaily

  ですね(*‘ω‘ *)!

 

 

次に、左側を選びます

こっち~~!

f:id:Gabusan:20190331012003j:plain

 

左側がタイムラインで、右側がTwitterボタン(?)です!

 

 

選ぶと、埋め込みコードが作成され

copy code のボタンをクリックすると

コピーすることができます('ω')ノ!

 

f:id:Gabusan:20190331015737j:plain

 

 

Twitterの埋め込みコードの作成はこれでOKです!

 

はてなブログにコードを貼り付け

お次は!!

コピーしたコードをはてなブログに張り付けていきます!

 

ダッシュボードから

 

「デザイン」 → ①「カスタマイズ」 → ②「サイドバー」

 

の順に進んでいきます

 

次に、サイドバーの一番下にある

モジュールを追加を選択

 

 

f:id:Gabusan:20190331040605j:plain

 

 

小さいウインドウが出てくるので

下までスクロールし

HTMLを選択

 

タイトルは自由に!

Twitterタイムライン とか!

つぶやき! とか!!!!

 

タイトルの下にコードを貼り付けます!

f:id:Gabusan:20190331051434j:plain



適用を押せば完了です!

 

 

以上が、Twitterタイムラインの埋め込み方法になります(*‘ω‘ *)!!!!

 

これから

ブログをカスタマイズするための

記事も書いていくので、是非!!!

参考にしてみてください(*‘ω‘ *)!!

 

ではまた~~~~🤥