はてなブログのプロフィール画像を大きくする方法|初心者おすすめカスタマイズ

はてなプロフィール画像の拡大

はてなブログのプロフィール画像ですが、実は大きくすることが出来ます。とても目立つところですので、ブログカスタマイズにおすすめです。5分で終わるので、ささっと大きく変更しちゃいましょう。

簡単、5分で終わる!プロフィール画像の大きくする方法

こまかい話は後。さっそく作ろう

①プロフィール画像のアイコンの用意

まずはアップロードした画像を用意してください。自分はこのカメラと虹色のバックの画像にしました。

はてなプロフィール画像の拡大

画像の作り方は、以前ご紹介した「ファビコンの作り方」を応用すれば、誰でも簡単にセンスのいい画像ができます。

はてなブログにブログアイコン(ファビコン)を5分で作る方法

②プロフィール画像をアップロードする

まずは①で用意した画像を、アップロードします。普通に記事の作成から、写真を投稿の領域に、プロフィール画像をドラッグ&ドロップします。いつも、通り画像アップしてください。

はてなプロフィール画像の拡大

③はてなフォトライフからリンク情報をゲット

ここから、ちょっと面倒です。「はてなフォトライフ」に行き、先ほどの写真が入っているフォルダを選択し、「編集」をクリックします。

はてなプロフィール画像の拡大

①のプロフィール画像の下にチェックを入れ、「ブログに貼り付ける」をクリックします。

はてなプロフィール画像の拡大

HTMLタグをコピーします。青枠、赤枠はここでは気にせずに、すべてコピーして、テキストにでも貼り付けてください。

はてなプロフィール画像の拡大

④HTMLタグを編集する

HTMLタグの最初の<〇〇>が、この画像をクリックした際に、ここから飛ぶリンク先です。青で囲んでこの部分を、画像をクリックしたときに飛ばしたいアクセス先に変更します。

はてなプロフィール画像の拡大

例えば、ブログトップとか、自己紹介のaboutページでもいいですね。これを変えないと、はてなフォトライフに飛んでしまいます。

⑤プロフィールの設定を変える

「デザイン」→「カスタマイズ(スパナ―のマーク)」→「サイドバー」→「プロフィールの編集」をクリックします。プロフィール画像のチェック外し、③のHTMLタグを、ブログの説明にコピペしてください。

はてなプロフィール画像の拡大

⑥完成です

プロフィール画像が大きくなったはずです。できましたでしょうか。

はてなプロフィール画像の拡大 はてなプロフィール画像の拡大

 

このプロフィール画像はとても目立つので、はてなブログをはじめた方で、まだカスタマイズをしていない方には、特におすすめ。

プロフィール画像で迷ったら、無料アイコンがおすすめ

プロフィール画像といっても、そんなちょうどいい写真がない場合が多いと思います。そんなときは、無料アイコンから選ぶことをおすすめします。このプロフィール画像のアイコンもそこからお借りしました。

以下のサイトからブログに関係しそうなアイコンをダウンロードします。

アイコン素材ダウンロードサイト

無料で、商用利用可能で、さらにデザインもGOOD。とても素晴らしいサービスです。私のブログはカメラや、旅行がキーワードになります。サイトの右上の検索にワード入れて検索してください。するとこんな感じで候補が出ます。

はてなプロフィール画像の拡大 はてなプロフィール画像の拡大

まずは無料アイコンで、作っておいて、そのうち雰囲気ピッタリの画像を見つけたら、アップロードし直すでいいと思います。何もないのは、寂しいですしね。

まとめ

はてなブログのプロフィール画像を大きくする方法をご紹介しました。プロフィール画像は、とても目立つところですので、ブログカスタマイズにおすすめです。ご紹介した方法であれば、5分で終わるので、ブログをはじめた方、まだデフォルト設定のままの方は、この機会にトライしてみてはいかがでしょうか。

みなさまのブログライフのご参考になれば幸いです。

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です