TOP > スポンサー広告 > title - ファビコンを作ってみましょうTOP > FC2ブログのカスタマイズ > title - ファビコンを作ってみましょう

スポンサーサイト

上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。
RSS twitter livedoorクリップ Buzzurl Google Bookmarks delicious Yahoo!ブックマークに登録 はてなブックマーク はてなブックマーク
タグ /

ファビコンを作ってみましょう

このブログのURL欄横には「だら奥」というピンクのマークが
表示されていると思います。

お気に入りに追加してくださると、お気に入り一覧を開いたときに
サイト名の前にも、このマークが一緒に表示されます。

これを「ファビコン」といいます。

20070430030739.png
このマークがファビコンですね。ファビコンがあると、お気に入り一覧を開いたときに
ユーザーにとっては、とても見つけやすくなります。

自サイトをお気に入りしてもらいたいな。。。と思ったらファビコンを
作ってみましょう。

ユーザーには、わかりやすくてよいですよ。

ファビコンの画像を用意しましょう


ファビコン画像は縦横16ピクセルのものを用意します。
HPビルダーを持っている方であれば、ビルダーで作ってもよいですね。
写真はファビコンには向きませんので、素材サイトからいただいてもよいかも。

Fc2は絵文字を自分で作って保存できる
「絵文字エディター」があります。
絵文字エディターで作成した絵文字をファビコンに利用することもできます。

  • 絵文字エディターで作成した絵文字をファビコンにする場合

絵文字エディターで絵文字を作ったら、パソコンに保存し、後から拡張子を「.ico」
のファイルに変換することでファビコンに利用できます。

絵文字エディターでのファビコン作成手順
1.絵文字エディターでアイコンを作成する
2.「My絵文字」をクリック
3.登録してある絵文字から目的の絵文字を選択して「ブログに挿入」をクリック
4.記事のプレビュー欄に表示された絵文字を右クリックし名前をつけて画像を保存
5.拡張子が「.ico」のファイルに変換する。

ファビコン用画像を拡張子「.ico」に変換する


画像をファビコンとして表示させるにはタグの「href」属性に画像ファイルを
指定しないとなりません。
利用しているグラフィックソフトが拡張子「.ico」のファイルでファイルを作成できない場合には
ファビコン画像ファイル変換サイトを利用して拡張子「.ico」のファイルに変換しましょう。

・Favicon Japan
http://www.favicon.jp/

ファビコン画像


次にこのファイルをアップロードします。

注意してほしいのは「画像」をアップするのではなく
ファビコンが保存されているファイルをアップ
する。ということ。

まず、画像ファイルのアップロードを行い、アップロードされたURLを
確認しておきます。

次に、テンプレートの設定⇒HTMLの編集を行います。
テンプレートのHTMLの編集で上のほう
</head>の直前にこのタグを記入します。

<link rel="shortcut icon"
href="http://blog~~~.ico(ファビコンのアドレス)">


というタグを挿入します。

これで、ファビコンが設定終了!
思ったよりも簡単ですので、
自サイトを目立たせたい!ユーザーからわかりやすいサイトと思われたい!
という方はぜひ作成してみてくださいね。
RSS twitter livedoorクリップ Buzzurl Google Bookmarks delicious Yahoo!ブックマークに登録 はてなブックマーク はてなブックマーク
タグ /
Comments

みけにゃんこ

ファビコンって、こうやって作るんですね!
とても参考になりました♪

応援e-251

2009/05/03 Sun 22:26 | URL

るじゅ

みけにゃんこさん

コメント、ありがとうございます^^

参考にしていただけると、うれしいです^^

2009/05/03 Sun 22:54 | URL

ananpapa 「無料でお小遣い稼ぎやってみる!!」

おはようございます。
ファビコンのことも紹介されてたのですね!
便利そうですね^^
前から気になっていてんですよね~!
試行錯誤しながら、GIMPを使って作成しました^^;
初めての試みに数時間かかりましたよ(ノ_;)
文字だけになりましたが^^

2009/06/28 Sun 07:24 | URL

Add a comment


管理者にだけ表示を許可する

 | BLOG TOP | 

私も利用中!

ブックマーク

Yahoo!ブックマークに登録

検索フォーム

執筆しました!

GoogleAdSense グーグルアドセンスで<本気で稼ぐ>コレだけ!技 (得するコレだけ!技)

新品価格
¥1,974から
(2011/2/10 22:55時点)

私が執筆させていただきました!

ブログ情報


最新コメント

リンク

特集記事

最新記事

必見記事

アフィリエイト初心者講座

お小遣いサイトの作り方

お役立ちツール

つぃぃと

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