パそぼのあれこれフリーク:Part2

2022年5月にAutopageブログ「パそぼとベルルのあれこれフリーク」から引っ越し、同じ内容で書き続けます。

▽▽ブログのファビコンを変えよう

2018-04-10 21:12:00 | パそぼでレッスン
Myワード : ホームページ作成


オリジナルのファビコンを作って、ブログやホームページに使ってみましょう!

         

 ファビコン Favorite icon(フェイバリット・アイコン) → Wikipedia

ブラウザでは、複数のページを同時に表示させて、ずらっと並んだタブを 切り替えながら 使います。
Autopage などのブログは、いいんだけれど
FC2のブログだけは、タブのタイトル表示(冒頭部分)が、
「編集画面」と「ブログ画面」で同じに見えて、区別がつかない。

作業をするとき、不便だったので ファビコンを 変えることにしました。

ファビコンって、オリジナルをわざわざ作っても
 ブラウザによって表示しないとか、時間が経ったら元に戻る
とかで・・・、これまで あまり興味がなかった。
今回は、自分のPC環境で 作業時にタブの区別 ができればいいので、深く考えることは ありません。

beginner 作るのは、簡単です!
 Webに フリーの ファビコンがあります。 → 素材 検索結果
 画像を ファビコンにしてくれるサービスもあります。 → 検索結果

alien 今回は、オリジナル画像を 自分でファビコンにしました。
作り方
1) オリジナル画像を用意。
2) Windows付属の「ペイント」などの画像編集ソフトを使う。
3) トリミングとリサイズで 16*16サイズにする。
4) ファイルタイプを ico にして 保存
5) 完成したら ブログサービスの方法に従って → ブログに設置 

個人のWebサイトに設置するのも簡単。
 作成したファビコン用画像の名前を favicon.ico にする。
 index.htmlと同じフォルダーにいれる。

    ~ ~ ~ ~ ☆ ~ ~ ~ ~ ☆ ~ ~ ~ ~

2018/4/10 追記
メインのWebサイトと あとりえ「パ・そ・ぼ」コーナーは、ほとんどおなじファビコンでした。
現在 両方のリニューアル作業をしていますが、ブラウザでページの区別がつきにくいので、
メインサイトのファビコンの背景色を灰色から橙色に変えてみました。
でもこれじゃ、まだ区別がつきにくい・・・。
そういえば、ブログ「あとりえ「パ・そ・ぼ」のITノート」は、休止しているので、そこで使っていたファビコンを使うことにしました。

  right  

これなら ブラウザにたくさんタブを並べての作業もスムーズ。

 ところが、ファビコンの変更が Firefoxだけ反映されず、あれっ?
 キャッシュを削除したら、変更されました。 (*^_^*)♪

    ~ ~ ~ ~ ☆ ~ ~ ~ ~ ☆ ~ ~ ~ ~

2012/8/21 追記
あとりえ「パ・そ・ぼ」コーナー にファビコン設置


2012/3/18 記 2015/2/20 追記
オリジナルのファビコンを作って、ブログやホームページに使ってみましょう!

さぁ、やってみましょう!

元のイラストはこちら。⇒ Myブログ「ベルルのお絵かき・ふりーく」 

 

◆ 青空に 黄葉の木 

 →  →  ⇒ Myブログ「散歩道の野草と風」


◆ FC2のもうひとつのブログも 完成しました!
  →  ⇒ Myブログ:あとりえ「パ・そ・ぼ」のITノート

◆ 楽しくなって、新しいWebサイトにも!

 →  ⇒ キュートな野鳥たち

  プロフ画像とお揃いするのも、いいですね。

Myワード : ホームページ作成

コメント    この記事についてブログを書く
  • X
  • Facebookでシェアする
  • はてなブックマークに追加する
  • LINEでシェアする
« ◎宇宙へ帰った「ちゃいリアン... | トップ | ※※あとりえ「パ・そ・ぼ」サイ... »
最新の画像もっと見る

コメントを投稿

パそぼでレッスン」カテゴリの最新記事