ありブログ 〜キャンプ系ミニマリスト〜

ミニマリストを目指すブロガー。 着飾らずにモノを最小限に抑え、豊かにスマートに生きたい。

【ブログ】はてなブログのサイドバーにTwitterのフォローボタンを埋め込む方法

スポンサーリンク

こんちには。ミニマリスト・ありです。

 

Twitterの「フォローボタン」を埋め込む方法をシャアさせて頂きます。

とっても簡単です。5分あればできますよ(^ω^)

ぼくは「フォローボタン」を埋め込んでから、フォロワーさんの人数が伸びました( *`ω´) ドヤッ 

 

全部で2ステップです。

 

1、Twitterの「フォローボタン」のソースコードを作成する

1)Twitterの「Publish」サイトに移動する

↓「publish」サイトはこちら。

https://publish.twitter.com/に移動します。

 

 2)空欄にツイッターのURLを入力する

f:id:minimalist-ari:20190302232156p:plain

ツイッターのURLとは、

https://twitter.com/(@以下の部分)

です。

f:id:minimalist-ari:20190302232404p:plain

 

↓ぼくの場合、こんな感じです。

f:id:minimalist-ari:20190302232420p:plain

 

3)「Twitterボタン」、「フォローボタン」を選択する

「Twitter Buttons」をクリックします。

f:id:minimalist-ari:20190302232921p:plain

 次に「Follow Button」をクリックします。

f:id:minimalist-ari:20190302232935p:plain

 

4)出てきたソースコードをコピーする

「Copy Code」をクリックします。

f:id:minimalist-ari:20190302232945p:plain

 

↓以下画面で、ソースコードのコピー完了です。

f:id:minimalist-ari:20190302232954p:plain

 

2、はてなブログのサイドバーにソースコードを貼り付ける。

はてなブログの「ダッシュボード」→「デザイン」→「カスタマイズ」→「サイドバー」→「プロフィール」の中の「ブログの説明」の欄に、先ほどコピーしたソースコードを貼り付けます。

  

まとめ

↓こんな感じで表示されます。 

 

無料ですぐに実践できるので、ぜひ活用ください!

 

ほな、また(・∀・)