はてなブログ記事内にTwitterフォローボタンを設置する方法

ブログ運営をされていて尚且つtwitterもされている方なら

ブログを見て頂いた際にフォローもしてもらいたいと思う方も多いはず

この記事では

はてなブログ記事内にTwitterのフォローボタンを作成する方法を以下の項目にて解説していきたいとおもいます

・Twitterフォローボタンの作り方

・フォローボタンをはてなブログに設置する方法

完成モデルは下の通りです（ついでにフォローして頂けるとと嬉しいです）

Follow @metalicFX

・Twitterフォローボタンの作り方

下記ページにてフォローボタンを作成します

publish.twitter.com

以下のページにてあなたのアカウント名を入力します

このとき@まで入力しないと上手く作成されないので注意しましょう

入力し→ボタンを押すと下以下の画面が現れますので右側をクリック

次にボタンの用途が出てきますので左側のフォローボタンを選択

すると以下のような画面が現れます

これでよいならCopyCodeを押してHTMLタグのコピーを行ってください

カスタマイズしたい方は、set customization opisions を押すと、言語やボタンサイズ等が変更できるので変更後に同じようにCopyCodeを押してHTMLタグのコピーを行ってください

・フォローボタンをはてなブログに設置する方法

ここからは作成したTwitterフォローボタンのHTMLタグを使ってはてなブログ記事内にフォローボタンを作成したいのですが、

大事なのはHTML編集モードにて貼り付けを行うことです

HTML編集モードとは、記事作成画面の上の方の【HTML編集】ボタンを押すことで切り替えられます

HTMLモードにて作成したコードの貼り付けを行ってください

プレビューで見ると

作成できていることが分かります

参考になれば幸いです