FC2ブログにファビコン設置してみよう - 初心者でもできる画像の編集+加工

ブログURL変更のお知らせ

いつも「初心者でもできる画像の編集+加工」をご覧いただきありがとうございます。

このたび、ブログURLを変更しましたのでお知らせいたします。新しいURLは以下のとおりです。

新URL:https://gazocustomize.xyz/

旧URLにアクセスしても新しいURLに転送されるようになっています。

今後も「初心者でもできる画像の編集+加工」をどうぞよろしくお願いします。

GIMP編集
無料画像編集ソフトGIMP2.8で画像の編集+加工の記事一覧はこちら

スポンサーサイト

上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。

FC2ブログにファビコン設置してみよう

こんにちは、TAKAです。


今回は、FC2ブログにファビコンを設置してFC2ブログをカスタマイズしてみましょう。


ファビコン(favicon)とは、アドレスバーの左横に表示される小さなアイコンのことです。


ファビコンは基本的に16×16(px)のサイズです。↓ ↓ ↓


112_R_20130701184633.jpg



114_R_20130701184544.jpg



ではさっそく、ファビコンをFC2ブログに設置してみましょう。

FC2ブログにファビコン設置手順




1.ファビコンにする画像をを用意しよう


画像ソフトなどを使用して16×16(px)のサイズの画像を作っておきましょう。


自分がデザインしたファビコンを使用したいなって方には、無料IROMSOFT グラフィックソフト
さいさいばたけ 7.00がおススメです。

http://www.hm.h555.net/~irom/index.htm

115_R.jpg


116_R.jpg


自分でファビコンを作成するのは、面倒な方はファビコン無料素材があるので参考にしてください。

ファビコン無料素材はコチラ⇒interfacelift

http://interfacelift.com/

113_R.jpg



②作成した画像をPNG,GIF,JPG(JPEG)のいずれかのファイルタイプで、自分のわかりやすい場所に保存しましょう。



作成した画像ファイルをICOに変換しよう




今回、使用したファビコン作成ツールは、一番簡単で初心者もわかりやすい

ファビコン作成。favicon.icoを作ろう!

http://ao-system.net/favicon/index.php


ファビコン favicon.ico ファブアイコン作成。無料でブックマークアイコン、透過マルチアイコンが作れます。作り方は簡単!画像を指定するだけ。

118_R.jpg


①先ほど、ファビコン(favicon)用として用意しておいた画像を参照から選択します。

②favicon.ico作成ボタンをクリックします。

③作成されたfavicon.icoのファイル内容を確認し、favicon.icoダウンロードボタンをクリックしてファイルを保存します。


※ファイルは自分のわかりやすい場所に保存しておきましょう。

(私の場合は、デスクトップに保存しました)


ICOに変換して保存しておいた画像をFC2ブログへアップロードしよう



FC2ブログの管理画面から「ツール」→「ファイルアップロード」で、先ほどのfavicon.ico作成しておいたファイルをアップロードしておきます。


テンプレートの設定」→HTML編集セクション内に



を記述します。


③ファイル管理一覧の中から、ファビコンに使用する画像ファイル情報の中の、URLをコピーして、先ほどHTML内のセクション内に記述ておいたアップロードしたアドレス">にアップロードしたアドレスのところにURLを貼り付けて保存してください。


これで、あなた好みのファビコンが出来ているんではないでしょうか。


※ファビコンを初めて設置した直後はすぐには表示されない場合があります。何度かリロードしたり、キャッシュを削除してみてください。



この記事を読んだ人はこんな記事も読んでます



Comment
非公開コメント

Track Back

http://gazocustomize.blog.fc2.com/tb.php/6-d86f1f26

スプレッドで比較

上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。