はてなブログのプロフィール画像を大きくする方法

はてなブログはデフォルトのままだと、サイドバーのプロフィール画像が小さく表示されます。

そこで今回は、プロフィール画像を大きく表示する方法を紹介します。

f:id:yuzumochi3:20171111191459j:plain

 こんな感じで、大きく表示されるようになりますよ。

プロフィール画像を大きく表示する手順

まずはざっくりと手順を解説します。

プロフィールに表示したい画像を用意します。

f:id:yuzumochi3:20171111122634g:plain

この画像を使って、次のように作業していきます。

  1. はてなフォトライフに画像をアップロード
  2. 貼り付け用のソースを取得する
  3. プロフィールにソースを貼る

という流れでいきます。

はてなフォトライフにアップロード

まず、はてなフォトライフに画像をアップロードしましょう。

1.「はてなフォトライフ」に行き、画面上部のバーにある「アップロード」をクリックします。

f:id:yuzumochi3:20171111172034j:plain

 

2.「アップロード」ボタンが出ますので、プロフィールに使う画像をアップロードします。

f:id:yuzumochi3:20171111181925j:plain

 

3.アップロードが完了すると、ボタンの下に画像が表示されます。

f:id:yuzumochi3:20171111182136j:plain

これでアップロードは完了です。次は、はてなブログに貼り付けるためのソースを取得します。

貼り付け用のソースを取得する手順

少し場所がわかりにくい作業になりますが、慎重にいきましょう。

1.まず「フォルダの編集」をクリックします。

f:id:yuzumochi3:20171111154833j:plain

 

2.フォルダに入っている写真が表示されたら、使いたい画像にチェックをいれます。

f:id:yuzumochi3:20171111183233j:plain

 

3.ブログに貼り付ける」をクリックします。

f:id:yuzumochi3:20171111183556j:plain

 

4.貼り付け用のHTMLタグが出ます。これを使いますので、まるごとコピーしておきましょう。

f:id:yuzumochi3:20171111183949j:plain

はてなブログで設定

いよいよラストの作業、「はてなブログ」の設定です。

1.はてな側の設定は、管理画面(ダッシュボード)から行います。

まず「デザイン」をクリックします。

f:id:yuzumochi3:20171111193002j:plain

 

2.カスタマイザーが表示されら、スパナのマーク(カスタマイズ)をクリックし、「サイドバー」を選択します。

f:id:yuzumochi3:20171111184746j:plain

 

3.「プロフィール」の「編集」をクリックします。

f:id:yuzumochi3:20171111185048j:plain

 

4.プロフィールの編集画面になったら、「プロフィール画像」の「表示する」のチェックをはずします

f:id:yuzumochi3:20171111191235j:plain

 

5.「ブログの説明」のところに、先ほどコピーしたソースを貼ります

f:id:yuzumochi3:20171111191341j:plain

 

これで「適用」を押せば完了です。

こんな感じで、プロフィール画像が大きく表示されていればOKですよ。

f:id:yuzumochi3:20171111191459j:plain

まとめ

プロフィール画像を大きく表示できると「自分のブログ」という感じがして、より愛着がわいてきます。よかったら参考にしてみてくださいね。