■ 記事数: ■ コメント数: ■ トラックバック数: ■ 総アクセス数: ■ 現在の閲覧者数:

スポンサーサイト 

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



■新着・関連記事
Loading
[タグ未指定]
あとで読む | --/--/-- --:-- | スポンサー広告 | コメント(-) | トラックバック(-)

Faviconをブログに導入してみよう 

このブログは移転しました。移転先はこちらから。
favicongazou1.png
ファビコン(Favicon)とは、お気に入りに入れた時に左側に表示されるアイコンの事です。
タブブラウザ(IE7、Sleipnir、Firefox 等)ではタブにも表示されます。

今日はそのファビコンをブログに導入する方法を紹介。
画像を多く使い分かりやすく説明しています。
①まず、ファビコンに使う画像を用意します。
既に画像がある方はそのまま②に進んでください。

まずは、下記のサイトにいきます。

http://antifavicon.com/

このサイトでは簡単にファビコン用の画像が作れます。

favicongazoutukuri.jpg
Top textのみ入力すると全体に大きな1文字を指定することができます。

気に入ったアイコンができたら「save as favicon file」をクリックしてダウンロードしてください。

大体こういうのができると思います。

123335.png

このままではまだ使えないので②に進んでください。

②次に①で作った画像を使えるようにします。
下記のサイトに行きます。

http://www.html-kit.com/favicon/

sansyou.png

【参照】で①の画像を選び、【Generate FavIcon.ico】をクリックします。

すると↓のようなものがでてくるのでクリックしダウンロードします。
dlbotanfavikon.png

icnkaitou.png
すると↑のようになるので解凍ソフト等で解凍してください。

解凍すると↓のようになります。
5632saf4h.png

③導入まであと少しです。
次にブログにアップロードします。
ここではFC2で紹介しますが基本は同じですので他のブログサービスでも大丈夫だと思います。

まずFC2の管理画面にいきます。

ファイルアップロードをクリックします。
trty365yy.png

そして「favicon.ico」をアップロードしてください。
uploadfc2112.png

表示の所がリンクになってると思います。
ここで右クリック→ショートカットのコピーでURL をコピーしておいて下さい。

e1634546_convert_20080418225112.png

④これで最後です。
次にテンプレートを編集します。
上の段のHTML の編集画面で作業します。

まず、この中から <head>~</head>を探して下さい。
そこに
<link rel="shortcut icon" href="先ほどコピーした画像のURL" >を追加してください。

最後に更新を押してください。
これでファビコンが導入されたと思います。

urldddayo.png

↑のように表示されれば成功です。

ファビコンがあるとブログのオリジナルティ増すと思います( ・∀・)ノ



■新着・関連記事
Loading
あとで読む | 2008/04/19 10:00 | 特集 | comment(1) | trackbacks(0)
また拝見させていただきました。
応援ポチッ!
[ 2008/04/19 15:58 ] #- [ 編集 ]
コメントの投稿













管理者にだけ表示を許可する
人気記事ランキング
お知らせ
プロフィール
■管理人:ZENO
■目標:1日1回更新
■日記:欄外日誌
■Twitter:yatu
■Wassr:yatu
■携帯百景:zeno
■フォト蔵:zeno
mailaddress001.jpg QLOOKアクセス解析 bosyutopelogo.png
ブログ内検索
タグクラウド
other
この日記のはてなブックマーク数add.gif
ブログランキング・にほんブログ村へ フィードメーター - Abyssal Tools あわせて読みたいブログパーツ track feed スカウター : Abyssal Tools


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