日本酒を飲みながら、自由を探すプログラマー

プログラマーの雑記になります。書評多し。技術少なし。

はてなブログにTwitterのフォローボタンをつける方法。

はてなブログとTwitterを連携している方向け

 

 

1、はてなブログのダッシュボードに行き、デザインをクリックします。

 

f:id:stepan-ver11:20170121163405j:plain

 

2、カスタマイズ⇛サイドバー⇛プロフィール【編集】を順番にクリックします。

f:id:stepan-ver11:20170121171504j:plain

 

3、下の方にある【フォローボタン】にチェックを入れ、適用をクリックします。

f:id:stepan-ver11:20170121171549j:plain

 

4、最後に変更を保存するボタンをクリックして、終わりになります。 

f:id:stepan-ver11:20170121164913j:plain

 

 

 

 

 

 

はてなブログとTwitterを連携していない方向け。 

URLをコピーする。

まずは、TwitterとFacebookはフォローボタンをつくるためのHTMLを用意してくれているので、それを取得しに行きます。

 

Twitter

まずはhttps://about.twitter.com/ja/resources/buttonsをクリックして、ホームページにつきます。

1、「フォローする」のラジオボックスにチェックする。

2、ボタンのオプションを選ぶ。

3、赤色で囲んであるURLをコピーする。

 

f:id:stepan-ver11:20170121162230j:plain

 

 

はてなブログのデザインを変更する。

先ほどコピーしたURLをはてなブログに貼り付けにいきます。

 

1、はてなブログのダッシュボードに行き、デザインをクリックします。

 

f:id:stepan-ver11:20170121163405j:plain

 

2、カスタマイズ⇛サイドバー⇛モジュールの追加を順番にクリックします。

f:id:stepan-ver11:20170121164120j:plain

 

3、HTMLを選択後、右側の入力画面の、小さい窓にサイドバー名を、大きい窓に先ほどコピーしたURLを入力し、適用をクリックします。

※今はサイドバー名を入力していますが、表示画面にサイドバー名が出てきてしまうので、入力しないほうが良いと思います。 

 

f:id:stepan-ver11:20170121164618j:plain

 

4、画面が戻ると、先ほどのサイドバーが追加されているので、変更をを保存するボタンをクリックすると終わりになります。

※追加したサイドバーはドラッグ&ドロップで場所を移動できます。

 

f:id:stepan-ver11:20170121164913j:plain

 

 

 

以上