[PR] 有料老人ホーム 忍者ブログ
Xandllaのヴァナ・ディール放浪日記です [FF11 in Sylph]
[1214] [1213] [1212] [1211] [1210] [1209] [1208] [1206] [1205] [1204] [1203
2017.11.18[Sat]
×

[PR]上記の広告は3ヶ月以上新規記事投稿のないブログに表示されています。新しい記事を書く事で広告が消えます。

2009.10.13[Tue]
以前、某にくきゅう様んとこで猫足立・・・じゃなーくーて、
ファビコンを設置している記事を拝見して以来、私もつけてみたいな~と漠然と思っていたのです。


当ブログにつけたファビコンはこんなかんじ → 


ファビコンっていうのは、サイトをブックマークしたときにタイトルの横に出るアイコンのこと。
POLだと青丸のクリスタルみたいなのが出てますよね。アレです。


やり方は結構カンタン。忍者blogが、もともとファビコンが設定されてないからかもしれませんが。
FC2やエキサイトだとデフォルトでファビコンついちゃってますから、消す処理が必要なのかな~

興味を持った方は折りたたみのほうに作成方法を載せておいたので参考にしてください

拍手[0回]


まぁ、私の場合はニンブロラボ.様のやり方丸写しなんですけども~。
こちらのブログ様には本当に本当に、テンプレートカスタマイズで色々とお世話になっておりまする。



手順としては、3つ。
1.ファビコンに使う画像を用意する
2.画像を.ico ファイルに変換する
3.ファイルをアップロードして、ブログに設置


カンタンでしょ?(*'-')b

1つずつ説明していきます。


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

まず、画像を作るんですが、これはまた結構センスがいるかもしれませんね。
実際のファビコンは16px*16pxと相当小さいですし・・

私の場合は、ブログタイトルにもなっているアレキサンドライトを使用。
はい、ゲーム中のアイテムであるアレキサンドライトのアイコンをそのまま流用していますから
センスもクソもないですねwww

これを作るのに使ったソフトは、私の場合はPIXIA(フリーウェア)ですが、
有名どころではPhotoShopとか色々ありますよね。
私が使い慣れているのがPIXIAだというだけです。

極端な話、PCに標準でついてるペイントとかだっていいと思います。
自分好みの画像が作れればなんでもいいという意味ですw




2.画像を.ico ファイルに変換する


画像を作っても、そのままアップロードしたのではファビコンとして機能してくれないようです。

ファイルを変換する必要があるのですね。
web上で変換できるサイト様がいくつかありますが、
ニンブロラボ.様で紹介されていたのが上の2つ。

他にも色々あると思います。私はFavicon Japan!!様を利用しました。

Favicon from Pics様
Favicon Japan!!様
ファビコンメーカー様


ファイルを指定して実行するだけ!カンタン!w




3.ファイルをアップロードして、ブログに設置

最後の手順です。
SS等と同じく、2項で変換したファビコンの.icoファイルをアップロードします。
(注:ディレクトリが指定できるブログの場合は、index.htmlと同じ階層にupしてください)

更にテンプレートの<head></head>の間に、次の1行を追加します。
<link rel="shortcut icon" href="<$MTBlogURL$>favicon.ico" />


赤字部分がファイル名です。


忍者blogの場合は以下のようになります。(***は自ブログのものと置き換えてくださいね)

<link rel="shortcut icon"href="http://file.***.blog.shinobi.jp/favicon.ico" />



これで完了です。カンタン!(しつこい

今テンプレートを色々改造しているのですが、他の要素に比べて
ファビコンはほんとに簡単で感動してしまいました(/ω\)




設置後に気がついたのですが、IE(インターネットエクスプローラー)の場合、
favicon.icoをアップロードした時点でファビコンが表示されるようになるそうです。
私は普段Firefoxを使っているので、その注意書きに気付きませんでした・・(ノ∀`)


一般のブログはともかく、閲覧者様の大半がFF11ユーザーで、
アカハク騒ぎ以降は本当に、IE以外のブラウザでの利用が増えてますねから~

アクセス解析によると、当ブログを閲覧して下さっている方の4割がFirefox、4割がIE8、
以下IE7、IE6と続いています。

もしファビコン設置を検討しているのでしたら、IE以外のブラウザにも対応できるように、
上記の<link rel="shortcut icon"~の記述を追加するようにしてくださいね。


私の書いた記事を読んでファビコンに興味を持ってくださる方がいたら、
そして「自分のブログに設置してみようかな」なんて思って下さったら、とっても嬉しいです(*´д`*)
COMMENT

無記名の場合は【名無しのサブリガ仮面】と表示されます
Name
Title
Color
URL
Comment
Pass   Vodafone絵文字 i-mode絵文字 Ezweb絵文字
※当ブログでは、コメント・トラックバックは、管理人の承諾後に表示されます※

TRACKBACK
TrackbackURL:
10 2017/11 12
S M T W T F S
1 2 3 4
5 6 7 8 9 10 11
12 13 14 15 16 17 18
19 20 21 22 23 24 25
26 27 28 29 30
HN:
Xandlla
はじめておいでの方は
コチラを御覧下さい。
total hits

かし [03/13]
通りすがりのちっちゃいタル [03/13]
せがが [02/08]

FFXIコミュニティサイトリンクに登録しました
since 2009.06.05
忍者ブログ [PR]


2002-2010 Xandlla @ Wandering Alexandrite
Copyright (C) 2002-2010 SQUARE ENIX CO., LTD. All Rights Reserved.
当Weblogに記載されている会社名・製品名・システム名などは、各社の登録商標、もしくは商標です。