PCライフサポート

sitemap

2009年01月20日

Faviconを作ってみました

あとで読むFaviconとは??

Googleのファビコン

↑のようにURLの横に付くアイコンのことです。お気に入りに登録したときにも表示されますね。



オリジナルのアイコンを設定しておくと、お気に入りの中でも探しやすくなるので良く見てくれるようになるかもしれませんね。

ただ、この「ファビコン」、「.ico」と言う拡張子の画像ファイルを作成してアップしなければならないので「みやchan」では設定できないことになってます。他にホームページなど持っている人であればそこからリンクすればいい話なのですが、「みやchan」のブログのみの人は本来設定できないのです。
アップロード可能ファイル形式( gif|png|jpg|jpeg|avi|mov|wmv|mpg|mpeg|mp4|3gp .icoはだめなんですねガーン

でも、この「ファビコン」を簡単に設置できるサービスがありました!!

なのでご紹介。



まずはファビコン用.icoファイルを作成万歳



まずはこちらのサイトにアクセス!!
http://www.favicon.cc/
favicon(ファビコン作成サービス)

そして画像の中にあるように色を選んでマス目をクリック、と言う風に画像を作成します。


16×16と言う小さいサイズの画像なのでたいしたことはできませんが、サイトやブログページの雰囲気に近いものをじっくり作成してください。
作り終わったらダウンロードしてわかりやすいところに保存します。

ファビコンを登録します^^



次はこちらのサイトにアクセス!!
http://www.favicon.jp/
こちらのサイトにユーザー登録しましょう。
登録画面

登録が終わったら、先ほど作った画像をアップロードします。


画像登録画面

「Favicon設置タグ」のところにある「参照」をクリックし、「登録する」をクリック!
するとその下のボックスに次のようにタグが表示されます。これをコピーします。


ファビコン設置タグ

次にみやchan管理画面を開き、テンプレートをクリック。「使用中」となっているテンプレートの「カスタマイズ」をクリックします。



そして次の画像のようにトップページ、個別記事、アーカイブそれぞれの の間に先ほどのタグを貼り付けます。
Faviconを作ってみました

プレビューしてみてアドレスバーのところにファビコンが表示されれば成功^^



いかがでしょうか?
ファビコンは16×16ドットの小さい画像ですが、サイトによってはすごく素敵な画像を設置してあるところもあります。みやchanブログにもいろいろなファビコンが付いたら楽しいなあ、と楽しみにしてます^^






この記事へのコメント
Favicon はじめて知りました!
他のサイトでブックマークしているものに、これがあることには気付いていたのですが・・・
こんな仕掛けになっていたんですね!
勉強になりました!
っていっても、実際やってみないと忘れ去ってしまうのでしょうけど^^
Posted by グージー at 2009年01月20日 23:12
>グージーさん
ぜひぜひやってみてください^^
グージーさんのブログにどんなFaviconが設置されるか楽しみにしときますね^^
Posted by アリミツアリミツ at 2009年01月20日 23:27
あそんでみました・・・
Posted by nonnnononnno at 2009年02月14日 01:40
 
<ご注意>
書き込まれた内容は公開され、ブログの持ち主だけが削除できます。

削除
Faviconを作ってみました
    コメント(3)