ブラウザのアドレスバーとかブックマークに出てくるアイコンを変更してみる：サイト（ホームページ）の場合（favicon.icoの設置：サイト編）
本ブログ「ブラウザのアドレスバーとかブックマークに出てくるアイコンを変更してみる：ココログの場合（favicon.icoの設置：ココログ編）」、から、今回はサイト（ホームページ）での設定方法を書きます。
これをやろうと思ったいきさつとかは、本ブログ「ブラウザのアドレスバーとかブックマークに出てくるアイコンを変更してみる：ココログの場合（favicon.icoの設置：ココログ編）」を参照下さい。
まぁ、単純に言うと、本ブログのアドレスバーとかタブのアイコンが、
みたいになってるかと思います。
これのやり方をサイトでやる方法を書こうかな、ってことです。
ちなみに、The徒然Shopper －琴線モノ紹介・オンライン・ウェブ－をご覧下さいますと、アイコンがってなってると思います。
と、言う訳で、その方法を書きたいと思いますが、その前に。
本記事において、ご質問等についてはお答えする自信が全くございませんので、ご了承下さい。
私がやってみたら出来た、ってだけですので・・・、やり方が正しいのかどうかも分かりません。
では、説明を・・・。
まず、”favicon.ico”っていうファイルを設置します。
”favicon.ico”っていうファイルの作り方は、これまたやっぱり本ブログ「ブラウザのアドレスバーとかブックマークに出てくるアイコンを変更してみる：ココログの場合（favicon.icoの設置：ココログ編）」を参照下さい。
で、ここからがサイトでの設定方法。
契約されているサーバで異なるかとは思いますが、ここでは私が一般的だと思うサーバを例に挙げて書きます。
多分ですが、サーバと契約して、サイト（ホームページ）スペースが割り当てられると、”サイト（ホームページ）を始めるには、（指定された）フォルダに”index.html”を作って下さい”、って感じでサイトを作ってゆく、そんな説明がなされてるのが一般的かなぁ、なんて思います。
で、”favicon.ico”っていうファイル先。
”index.html”をアップロードするフォルダに、アップロードします。
次に、”index.html”を変更するんですが、この場合HTMLの知識があったほうが、より理解し易いかな、って思います。
んで、Webをさまよってると、HTML文法を懇切丁寧に解説くださってるサイトさんが沢山ありますんでそちらを”ちら”っと見ます。
で、このとき、本ブログのブックマーク、お気に入り登録を忘れずに（笑）。
んでもって、”ちら”見が終わったところで、"index.html"をHTMLが編集できるアプリケーションで開きます。
えっ？「そんなアプリケーションは持ってない」ですって。
うーん、そう言う方はWindowsなら”メモ帳”でも開けます。
って言うか、私は”メモ帳”で編集してます。
で、こっからちょっと専門的。
なお、HTMLを変更すると、場合によって、ブラウザで開いたときの様子がご希望通りでなかったりしてしまう可能性もあるんで、操作には十分気をつけてください。
HTMLの記述を眺めて、<HEAD>と</HEAD>ってのを探します。
んで、その<HEAD>と</HEAD>間、一行空けて（ENTERキーとかで）、
<link rel="shortcut icon" href="favicon.ico" >
と、入力します。
例えば、こんな感じだったら、
<head>
<meta http-equiv="Content-Type" content="text/html;charset=Shift_JIS" />
<META name="robots" content="index,follow">
</head>
こんな感じで
<head>
<link rel="shortcut icon" href="favicon.ico" >
<meta http-equiv="Content-Type" content="text/html;charset=Shift_JIS" />
<META name="robots" content="index,follow">
</head>
上記、赤字が追加した箇所。
これって、私が色々Webとかさまよって調べた結果、このやり方で上手く行った方法であって、やり方自体が正しいか否かはわかりません。
で、変更が終わったら"index.html"を保存するんですが、”メモ帳”で開いてる場合は、多分、”上書き保存（S）”でOKだと思います。
あとは、サイトのサーバへ"index.html"をアップロードすればOK。
どうでしょうか？
アイコンは変わったでしょうか。
もし、上手くいかなかったら、他の方法とかをWebとかで頑張って調べてみてください。
それでは健闘を祈ります。
”グッ”と来ることが書いてあったらクリックお願いします
↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓
« ベルベット・イースター（荒井由実） | トップページ | 続々・星に願いをかけるには、いつ頃が良いのかを考えてみた »
「ウェブログ・ココログ関連」カテゴリの記事
- ブログの文章は一文が短くて行間が開いてる方が良いのか？(2013.08.02)
- 当ブログの表示速度を速くしてみた(2013.01.25)
- 【Ｎｉｃｏｒａｎｋｉｎｇブログパーツ削除】"clover-box.net"というサイトへ飛ばされる現象と解決方法(2012.12.16)
- 拝啓、「まりこ」様(出会い系コメントに注意）(2012.02.23)
- 「長渕剛（きかてぃけい私設）ファン通信新聞 紙 」創刊(2011.04.20)
「パソコン・インターネット」カテゴリの記事
- 【迷惑メールを晒す】【コインチェック株式会社】件名：【Coincheck】ログイン確認メール【コインチェックを騙るメール】(2022.06.26)
- 【迷惑メールを晒す】件名：【au PAY】個人情報確認【auを騙るメール】(2022.06.19)
- 【迷惑メールを晒す】件名：【新生銀行カード】ご利用確認【新生銀行を騙るメール】(2022.06.12)
- 【迷惑メールを晒す】件名：未払いがございます。債務の決済が必要です【迷惑メールを晒す】(2022.06.05)
- 【迷惑メールを晒す】件名：２日以内に納税するのをお忘れなく！【迷惑メールを晒す】(2022.05.29)
「HTML/Script」カテゴリの記事
- サイトにTwitterでフォローしてもらうバッジを表示させてみる(2009.12.23)
- ブログとかの記事をTwitterに送るボタンを追加してみる。(2009.12.20)
- ブラウザのアドレスバーとかブックマークに出てくるアイコンを変更してみる：サイト（ホームページ）の場合（favicon.icoの設置：サイト編）(2009.11.12)
- HTMLタグ/Script備忘録(2)画像とかのリンク周りとかの枠線とかを消す（非表示・表示しない）(2008.04.04)
- HTMLタグ/Script備忘録(1)ブラウザを開くときに別ウインドウで開く(2007.12.15)
« ベルベット・イースター（荒井由実） | トップページ | 続々・星に願いをかけるには、いつ頃が良いのかを考えてみた »
コメント