hatoのゼロから始める副業ノートブック

仕事とプライベートの合間で稼ぐ「副業・小遣い稼ぎ」に関しての備忘録

【Twitter】タイムラインの埋め込み ブログ設置5分簡単画像

こんばんは。

 

hatoです。

 

 

 

f:id:hato4268:20190817213728p:plain

Twitterを始て3日経過しました。

さっそくフォローしていただいた方

本当にありがとうございました。

 

 

 

 

今回はブログのサイドバーにタイムラインを設置する方法を解説していきます。

ブログとの連携させることで、集客効果とフォロワーアップの効果があるかもしれません。

 

簡単なので是非やってみてはいかがでしょうか。

作業時間:5分程度

 

 

 

埋め込み用のコードの取得方法

1、TwitterのアカウントURLの取得

1-1 PC版 Twitterアカウントにログイン

    Twitterログインはこちら

 

1-2 「プロフィール」のURLをコピー「https://twitter.com/〇〇〇〇〇

     アカウントのURLをコピーします。

f:id:hato4268:20190817180041p:plain

 

2、埋め込みコードを取得

2-1 Twitter埋め込みコード取得専用サイトへ移動

    埋め込みコード取得専用サイトはこちら

 

2-2 TwitterアカウントURLを貼付け

f:id:hato4268:20190817181907p:plain

 

2-3 「Embedded Timeline」をクリックします。

f:id:hato4268:20190817182013p:plain

 

2-3 「set customization option.」をクリックすると

     タイムラインの表示設定が変更できます。

f:id:hato4268:20190817182128p:plain

 

 

2-4 表示設定を変更したら最後に「Update」をクリックします。

f:id:hato4268:20190817182309p:plain

 

 

2-5 埋め込み用の「コード」をコピーします。

f:id:hato4268:20190817182441p:plain

f:id:hato4268:20190817182521p:plain

これでタイムラインのコードをコピー完了しました。

 

 

はてなブログのサイドバーにタイムラインを設置方法

 

「ダッシュボード」>>「デザイン」>>「カスタマイズ」>>「サイドバー」を表示

f:id:hato4268:20190816000632p:plain

f:id:hato4268:20190816000724p:plain

 

 

 

①「+モジュールを追加」

 

②「</>HTML」を選択

 

③取得したコードを貼付け 

貼り付けたコードの「aタグ」の中にツイート表示数のコードを追加します。

data-tweet-limit=""」〇を表示させたいツイートの数字を入力。

 

④「適用」

 

⑤「変更を保存する」

f:id:hato4268:20190817183205p:plain

 

 

まとめ

 サイドバーにタイムラインを設置することで

ブログに訪れた方にSNSの利用していることを教えることが出来るし

twitterを利用することでブログへ誘導することが出来るようになりました。

 

あとは使い方を学んで実践するだけですね。

 

まだ慣れていないんでつぶやくのに10分以上時間がかかりますが・・・・

ちょっとがんばってみます。

 

 

 ↓↓よろしければフォローお願いします。大変励みになります!!↓↓

 

最後まで記事を読んでいただきありがとうございました。

 

 

<Twitter関連記事>

Twitterとはてなブログ連携の仕方

www.hatonotebook.com