このブログを購読する
ファビコンは16×16ピクセルで表示されます。
詳しくは以下
まずは画像の準備、通常WEBで画像を表示させる場合は、pngとかgifとかjpgで画像を作りますが、ファビコンの場合は.icoと言う拡張子のファイルにしなければなりません。ソフトを使って変換する方法もあるのですが、今回はファビコンを制作してくれるWEBサービスも多々あります。
フリーソフトだと
GIMP
IconExtractor（Peaceful Wind）
WEBサービスだと
FavIcon from Pics
Favicon Japan
等です。
上記のどれかを使ってなんとかお好みの16*16のアイコンを作れたら次は設置です。
1.ファイルをアップロード
seesaaの記事投稿→ファイルマネージャから作成した.icoをアップロードします。
2..icoの絶対パスを取得
アップロードしたicoの絶対アドレスをメモもしくはコピーしておきます。
3.HTMLの変更
<link rel="shortcut icon" href="アップロードしたアドレス">
上記の一文をHTMLの<head>と</head>の間に加えます。
4.再構築
以上で完了です。問題なければ閲覧時にファビコンが表示されているはずですのでご確認ください。
3.HTMLの変更なんですが、
デザイン＞コンテンツから入るブログデザインのカスタマイズページがありますよね？
どのHTMLを変更すればいいのでしょうか？
お陰様でうちのSeesaaブログにも念願のファビコンが設置できました。
ありがとうございます m(_ _)m
返信遅れまして申し訳ありません。ＨＴＭＬはデザインの中のHTMLです。個別のコンテンツのＨＴＭＬではありません。
デザイン＞コンテンツ＞任意のコンテンツ＞HTML
ではなくて
デザイン＞HTML
で編集してください。
いしやまさん＞
無事にファビコン設置できたようで何よりです。これからもおもしろいカスタマイズがあれば紹介していきたいと思います。
デザインのHTMLで、<head>のすぐ後に追加しました
<head>
<link rel="shortcut icon" href="http://8cats-house.up.seesaa.net/image/faviconCAMQW66H.ico">
<meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS" />
<title><% blog.title %><% if:extra_title %>: <% extra_title %><% /if %></title>
<meta name="description" content="<% blog.description | nl2br | tag_strip %>" />
<meta name="keywords" content="<% blog.keywords | oneline | tag_strip | __or__ | blog.title | oneline | remove_emoji | tag_strip %> <% extra_keywords | oneline | tag_strip %>" />
<meta http-equiv="Content-Style-Type" content="text/css" />
<meta http-equiv="Content-Script-Type" content="text/javascript" />
<link rel="stylesheet" href="<% css.page_url(page) %>" type="text/css" />
<link rel="alternate" href="<% blog.page_url %>index.rdf" type="application/rss+xml" title="RSS" />
<% if:blog.has_foaf -%>
<link rel="meta" type="application/rdf+xml" title="FOAF" href="<% blog.page_url %>foaf.rdf" />
<% /if -%>
<script type="text/javascript">
<!--
// コメントにカスタマイズ絵文字入力機能：画像設定
function getCommentEmojiList() {
var list = new Array();
// 画像名、画像URLの設定
私の場合は、<script type="text/javascript">の下からコメントで絵文字が使えるように編集がしてありますが、関係ありますか？
管理人さんが承認したコメントのみが表示でしたね〜
ちゃんと確認せずに２度も送ってしまいました
どうもすみませんでした
ソースを拝見した限りでは、head内にファビコン表示もあるみたいで大丈夫なはずです。先ほどクレアさんのブログを拝見したところ、こちらの環境ではちゃんとファビコンが表示されていました。もしかするとブラウザ側の問題かもしれません。
えっ！表示されているんですか？？
う〜〜〜ん！私も見たいです
ブラウザの設定に何か問題があるのでしょうか？
どうしたら見えるようになりますか？
先ほど確認してきましたが、やはり見えています。ファビコンそのものにアクセスしてみても閲覧する事が出来ましたのでファイル自体は確かにあると思います。
ファビコン自体が確実に存在すると言う事は、サーバー側の問題では無いとは思います。当方の環境はMACOS10.4.10 firefox2.0.4です。クレアさんの環境が分からないので方法は分かりかねますが、一度違うブラウザでアクセスしてみてはどうでしょうか！？
私の環境はWin XP Internet Explorer 7.0なんです
違うブラウザでアクセスなんてした事がないのでやり方も分かりません(^^;)
ファイルマネージャーでは、アップロードした画像に、マウスポインタを合わせるとちゃんと見えるのですが、icoの絶対アドレスを見に行ってプロパティを開くと画像が×になっています
この辺も何か関係しているのでしょうか？
初心者なのでなにぶん良く理解出来ていないのが現状なんですが・・・(^^;;;
お手数おかけして本当にすみません
念願のファビコンが設置できてとても嬉しいです。
ありがとうございました♪
とても素敵なblogなので、よろしければリンクさせて
いただいてもよろしいでしょうか☆・゜
お役に立てて何よりです。
細かい所ですが、ファビコンは合った方が良いですよね。
リンクは是非宜しくお願い致します。
分かりやすいご説明、ありがとうございました。助かりました！