shirococco’s blog

日々の暮らしの中から[お気に入りモノ、学び、トレンド、ブログの事]を発信します。

【Twitter】【ツイッター】【フォローボタン】の作り方【写真図解付き】

こんにちは しろこ です。

今回はご自身の作成しているブログの

記事内の任意の場所に

このような[ツイッター]の[フォローボタン]

作成する、やり方をご紹介します。

 

 

埋め込みボタンを作成します

Twitter Publish

こちらのサイトに飛んでいただきます。

f:id:shirococco:20190824093621j:plain

中央の白い四角に

ご自身の[ツイッター]の[URL]を入力します。

https://twitter.com/〇〇〇〇〇〇

分からない場合は

こちらをコピペして入力して

〇〇〇〇〇〇のところは

ご自身の[ツイッター]のアカウントに変更してください。

入力が終わったら[エンターキー]で進んでください。

 

f:id:shirococco:20190824094612j:plain

次の画面では[右側のTwitterボタン]を選択します。

 

f:id:shirococco:20190824095408j:plain

今回は[フォローボタン]を作成するので

[左側のFollowボタン]を選択します。

 

f:id:shirococco:20190824095433j:plain

出来上がったコードを

[コピーボタン]でコピーしてください。

 

こちらでの作業は以上です。

 

はてなブログの記事内に張り付ける

f:id:shirococco:20190824100022j:plain

貼りつける際は[HTML編集]で貼りつけます。

 

f:id:shirococco:20190824100354j:plain

[編集 見たまま]で見ると画像のようになりますが

 

f:id:shirococco:20190824100436j:plain

[プレビュー]で見ると、思った通りのものが

できています。

 

まとめ

設定によっては、もともとサイドバー等に

表示される[Twitterフォローボタン]ですが

任意のところに張り付けることで

幅が広がります、ご活用ください。

ツイッターのフォローもよろしくお願いします。