revivel~毎日が現実逃避~

スマホゲームに読書に映画にBeatlesに現実逃避の日々

はてなブログにアイコンを設定してみよう

無料のアイコン素材を探す

2つのサイトをご紹介します。

どちらも会員登録などなくて使いやすいので、お気に入りのアイコンをみつけてみてください。

 

icooon-mono

icooon-mono.com

 

FLAT ICON DESIGN

flat-icon-design.com

 

アイコンをダウンロードしよう

今回はicooon-monoさんのアイコンをダウンロードしてみます。

 3ステップでダウンロードできちゃいます。

 

 トップページ ↓

無料アイコンをダウンロードしてみる①

   

①動物の絵を選んでみた

 

 

するとこちらが開きます ↓

無料アイコンをダウンロードしてみる②

②好きな絵をクリック

 

 

今度はこちらが開きます ↓

無料アイコンをダウンロードしてみる③

・はてなブログでは、192×192ピクセル四方より大きな正方形の画像を推奨

・このまま256pxで大丈夫!

・色を変更したい場合は、黒い四角の中をクリックすると好きな色を選べる

 

③PNGマークをクリック!

 

とりあえずデスクトップに保存!

 

ダウンロードしたアイコンが見つからなかったら

 

無料アイコンをダウンロードしてみる④

 

・見つからなかったら、パソコン(Windows)の左下の検索窓に「ダウンロード」と入力

・上に「ダウンロード」と矢印が出てくるのでクリック!

 

すると、ほら!!あった!

無料アイコンをダウンロードしてみる⑤

 

見つけたアイコンを開いてね!

 

 

するとこちらが開く ↓

無料アイコンをダウンロードしてみる⑥

 

①右上の「・・・」をクリック

②「名前を付けて保存」をクリック

 

するとこちらが出てくるので ↓

無料アイコンをダウンロードしてみる⑦

 

・「デスクトップ」をクリックして保存

 

デスクトップを見てみる ↓

はてなブログにアイコンを設定



 

さっきダウンロードしたチューリップのアイコンが保存できています。

(デスクトップのこの画像はディズニーのティンカーベルw)

 

では次に、はてなブログで設定してみましょう。

はてなブログで設定する

・ダッシュボードを開いて、「設定」をクリック

はてなブログでアイコンを設定する①

 

するとこちらが開くので、ブログアイコンの右にある「ファイルを選択」をクリック!

はてなブログでアイコンを設定する②

 

するとこちらが開くので ↓

 

はてなブログでアイコンを設定する③


・デスクトップをクリック!

 

するとこちらが開くので ↓

 

はてなブログでアイコンを設定する④

・保存したファイルが出てくるので開く!

・以上!

 

 

・最後に忘れてはいけないのが「変更する」ボタン

・スクロールで1番下までいくと、「変更する」ボタンがあるのでクリック!

 

はてなブログでアイコンを設定する⑤

 

 

すると・・

 

はてなブログでアイコンを設定する⑥

 

・アイコンが表示されている

 

ブログを開いて確認してみよう

自分のブログを開いてみてください。

 

はてなブログでアイコンを設定する⑦

出てない場合は、何度か更新してみてください。

 

成功を祈る(。>人<。)

 

c 2020 revivel.