忍者ブログ

★黒猫宅急便★ver.3

( *´艸`) いらっしゃいまし



[81]  [80]  [79]  [120]  [78]  [76]  [71]  [77]  [75]  [74]  [72

entry_top_w.png
×

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



ランキング参加中!

1日1回 クリックよろしく!!

entry_bottom_w.png
entry_top_w.png
Favicon(ファビコン)は、Favorite icon(フェイバリット・アイコン)の略で、ウェブサイトやウェブページに関連付けられたアイコンのこと。


Yahoo! JAPAN を例として挙げると、下記のようにIE 8では、アドレスバー左 タブ左 お気に入り左のアイコンがそれに当たる。


さらに、アドレスバーのファビコンをドラッグして、デスクトップ上でショートカットを作成するとショートカットアイコン(32×32)として表示される。

これは、おもろい
というわけで、参考サイトを見ながらやってみた



<Faviconの設定>
1、アイコンの作成
適当に四角い図形を作成します。最終的には16×16のサイズまで変換しましから、複雑な図形は避けましょう。図形のファイル形式はこの段階では特に意識する必要はありません。


2.アイコンをfavicon形式に変換
ブラウザによっては、この形式に変換しなくてもOKらしいんだけど、ウチのはIEを使ってるのこともあって、windows icon 形式で作成することに。
icon 形式に自動生成してくれるサイトを使用し、Faviconを作成。


3.変換したアイコンをサイトにアップロード
ルードディレクトリにファビコンをアップロードする。
ルートにアップロード出来る場合は、4の作業は省いてもOKだそうだ)

忍者ブログの場合は、ファイル用の置き場所が別途あるため、ファイルをアップロードしたら、4の作業でファビコンのパスにアイコンのフルパスを記載すれば良いらしい。
参考:忍者ブログ ヘルプ(ファビコンについて)


4.ページにアイコン情報を記述
html/xhtml 内で、Faviconを指定するには、<head> ~ ~ </head> 内に下記タグを挿入。単独でもOK らしいのだが、2つとも指定しておく方が望ましいらしい。

<link rel="shortcut icon" href="●●/favicon.ico" type="image/vnd.microsoft.icon">
<link rel="icon" href="●●/favicon.ico" type="image/vnd.microsoft.icon">



以上で設定完了


そうそう、アメブロにも設定できるっぽいよ
タグを入れる場所は、プロフィール自己紹介 が最適かな。
(クリックで拡大)


というわけで、 この画像を全てのブログにアイコンとして設定してみた
早速、お気に入り一覧を見てみると……

ヾ(〃^∇^)ノわぁい♪ IEのお気に入りファビコンが全部変わった
アメブロも変わってる
Yahoo! ブログには設定不可



そして、すぐそのあと……
もっと良い画像を発見

同じ作業をもう一回やって、ファビコンを再設定
う~ん、どうかな
こっちの方が良いよね?




<ファビコンが表示されない場合>
1.パスの確認
まずはアップしたファビコンのフルパスを入力してみて、そこで有っているのかを確認しよう
http://file.kuroneko525.blog.shinobi.jp/favicon.ico


2.ブラウザのキャッシュ・一時ファイルを削除し、ブラウザを再起動

表示されない原因のほとんどが、コレっぽいよ

 


ランキング参加中!

1日1回 クリックよろしく!!

entry_bottom_w.png

この記事にコメントする

お名前
コメントタイトル
色変更
URL
コメント本文
パスワード Vodafone絵文字 i-mode絵文字 Ezweb絵文字



対戦☆ZOOKEEPER
この記事へのトラックバック

この記事にトラックバックする:
plugin_top_w.png
かれんだー
09 2019/10 11
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 31
plugin_bottom_w.png
plugin_top_w.png
広告


HIGHかLOWか予想する取引



plugin_bottom_w.png
plugin_top_w.png
記事検索
plugin_bottom_w.png
plugin_top_w.png
最新こめんと
[08/25 eiwa]
[05/01 能美]
[11/30 のら猫]
[06/05 助かった]
[03/17 わずか]
plugin_bottom_w.png
plugin_top_w.png
記事らんきんぐ
★週間ランキング★

★累計ランキング★
plugin_bottom_w.png
plugin_top_w.png
アクセスランキング
plugin_bottom_w.png
plugin_top_w.png
広告2
plugin_bottom_w.png
plugin_top_w.png
ぷろふぃーる
HN:黒猫★
年齢:2さい
性別:♂オス
生誕:5月25日(日)
職業:魔女の子分
趣味:倶楽部活動

plugin_bottom_w.png
plugin_top_w.png
広告3
plugin_bottom_w.png
plugin_top_w.png
その他


ブログランキング・にほんブログ村へ
にほんブログ村

人気ブログランキング


plugin_bottom_w.png

PR


Copyright ★黒猫宅急便★ver.3 by ★黒猫★ All Rights Reserved.
忍者ブログ [PR]