ファビファビファッビコーン!!!

いやー。皆さん朝から更新だなんて暇なやつだなーとか思ってます?
そうだよ!暇だよ!。
やることなくてPC付けてC++に関してちょっと調べて暇になってブログ回ってたらみんなファビコン付けてるから真似してみたくなったんだよ!( ´゚д゚`)
ちなみにブロとも、リンクでファビコン付けてる方々はこちらです~
Strange Rabitさん
SRの文字が潰れてしまったと書いてあったので、そこら辺も僕は参考にさせてもらいました!
痛化自室さん
最初に記事で見て、あー僕もファビコンつけとこうかなぁ、、できるかなー。気楽にいこうと思いましたw
アイコンの作り方などを参考にさせていただきました。
その他参考にさせてもらったサイト
初心者でもできる簡単FC2ブログの作り方さん
とてもわかりやすく書いているので参考にさせてもらいました。
けいおん風ジェネレーターさん
「お」で作りたかったのですがw関係無かったので「か」にしました。
一応追記で作り方やら。(透過処理とかしてませんサーセン)

ファビコン設置手順

  • まずは元となる画像を作成又はどこからかとってきましょう。
    僕はこれです、ここで気をつけることはできるだけ正方形にしたほうが綺麗になります。
    か204
  • 次にリサイズをするのですが、ペイントなどのWindows標準のソフトで縮小するよりも「縮小ソフト」等検索して
    リサイズソフトを使ったほうが少しですが綺麗に縮小できると思います。
    僕はSmillaEnlargerというソフトを使ってますが個人の使いやすさで選んだほうがいいかもしれません。
    縮小するサイズは32×3216×16の物を1つずつ作ります。
    (どちらか一つだけでも大丈夫ですが、綺麗にできるということなので)
    32×32か32 16×16か16
  • 次に@icon変換というソフトを使うのでページ下部にあるダウンロードからzipかインストーラか好きな方を選んでダウンロードします。(個人的にはインストーラ不要のZipをオススメします)
    ダウンロードできたら起動します、そしてさっき縮小した画像を2つとも開きます。
    次に開いた2つの画像をどちらも選択します。するとこんなかんじになると思うのでスクリーンショット00030
    赤丸で囲んでいるの(1つだけの人はその左のボタン)をクリックするとアイコンの保存ができると思います。名前はfaviconなどで大丈夫です。(僕はわかりやすいようにfavicon16_32.icoとしています。)
  • あとはFC2ブログの管理画面にあるファイルアップロードでさっきつくったアイコンファイルをアップロードしてスクリーンショット00031
    赤丸で囲んでる表示をクリックするとアイコンのページに飛べると思うのでそのページのアドレスをコピーしておきます。
    スクリーンショット00032
  • 最後にテンプレートの設定から今使ってるテンプレートの編集を押してHTMLの編集をします。
    そして、</head>の直前に<link rel=”shortcut icon” href=”ここにさっき取得したアドレス” />を記入します。
    </head>が見つからない場合はCtrl+Fを押すと検索窓が出てくるのでそこに</head>と入力して検索すると出てきます。
    最終的にこんな感じになると思います
    スクリーンショット00035
    あとは、プレビューを押してできてるか確認して、できていれば更新を押すと反映されます。
  • すこし説明が雑なところもありましたが結構頑張って書いてみました。
    ではでは、楽しいファビコンライフを!w
    (´∀`*)ノシ バイバイ

SNSでもご購読できます。

コメントを残す