ボーダーコリーのfavicon

faviconとは、ブラウザにURLが表示される際に前に表示されるアイコンのことです。今回このブログ用に立ち耳ボーダーのfaviconを作ったので耳が寝てるバージョンもついでに作って利用してもらえるようにアップロードしたました。気に入っていただけたらダウンロードして使ってみてください。

スクリーンショット(2009-12-08 15.36.06)

立ち耳ボーダー用favicon

スクリーンショット(2009-12-08 15.28.19)

favicon-1 立ち耳ボーダーfavicon Download 右クリックで保存してください。

寝耳ボーダー用favicon

スクリーンショット(2009-12-08 15.28.32)

favicon2 寝耳ボーダーfavicon Download 右クリックで保存してください。

設置方法

Faviconの設置方法はとっても簡単です。
まずFaviconのデータをダウンロードしたら、Favionをサイトのルートフォルダにアップロードし、表示させたいページの<head>タグの中に下記のタグを挿入してください。
準備ができたら、使用しているサーバーにアップロードしてください。

<link rel=”shortcut icon” href=”ファビコンまでのパス/favicon.ico”>

<例>
/home
index.html
├blog
│ └blog.html
└favicon.ico
上記のようなファイル構造のときはindex.html
<link rel=”shortcut icon” href=”favicon.ico” >
blog.htmlに表示させたいときは、
<link rel=”shortcut icon” href=”../favicon.ico” >
を挿入してください。

ボーダーコリーのfavicon」への1件のフィードバック

  1. ピンバック:ボーダーコリーのブログ「パトンと暮らす日々。」 » Blog Archive » ボーダーコリーのfavicon作りました!

コメントを残す