2011-06-11

Blogger in Draft でブログにファビコンを設定可能に

Blogger in Draft から、ブログのファビコンを設定することができるようになりました。


ファビコンとは

ファビコンというのは、ブラウザでウェブページを開いたときにロケーションバーや、タブに出てくるこんなアイコンのこと。

Blogger のカスタマイズしたファビコン

通常 Blogger ブログは、ファビコンとして Blogger 標準のファビコン が表示されるんですが、これを自分の好きなものに換えることができるというわけ。

Blogger ブログに限らず、どのサイトもそうなんですが、ファビコンを設定するには、

1.Favicon をルートに
サイトのルートディレクトリに favicon.ico と名前をつけたアイコンファイルを置きます。それだけ。

2.各ページでアイコンの設定
1が不可能な場合(blogspot とか)は、設定したいそれぞれのページのソース、head 要素内に link タグ
<link rel="SHORTCUT ICON" href="アイコンファイルの URL" />
を挿入します。

のどちらかを行わないといけません。今回 Blogger in Draft に追加されたのは1で、Blogger がユーザーのアイコンファイルをブログのルートディレクトリにアップロードしてくれるようになっています。うちのはこれ。

従来 blogspot のブログユーザーがしていた2の方法のようにアイコンファイルの置き場所を確保する必要がないので、とても便利です。


設定方法

ちょっと前置きが長くなってしまいました。次に設定方法です。Blogger in Draft の管理画面「デザイン > ページ要素」ページを開きます。「Navbar」の上に(読みにくいんですが)「お気に入りアイコン(ファビコン)」という項目が今回追加されています。

Blogger お気に入りアイコン(ファビコン)の編集

この「編集」リンクをクリックすると、「お気に入りアイコン(ファビコン)を設定」というウィンドウが開きます。

Blogger お気に入りアイコン(ファビコン)を設定ウィンドウ

あとは、このウィンドウでパソコン上のアイコンファイルを選択し、「保存」を押すだけ。簡単ですね。


アイコンファイル変換ツール

ついでなんですが、アイコンファイルなんてないよという人には、次のサイトが便利です。手持ちの PNG、GIF、JPEG 画像を、ウェブ上で自動的に 16x16 のアイコンファイルにしてくれます。画像をトリミングしてアイコン生成…とかもできますよ。


ということで、ぜひ Blogger 公式の機能でファビコンを設定して、他人とは違う自分だけのブログを目指してみてくださいね。


追記(2011-08-06)

Blogger ブログへのファビコン設定機能が、Blogger in Draft を卒業して、無事 Blogger に正式採用されたようです。


スポンサードリンク:

4 comments:

Migeル said...

こんにちは。
いつもTIPSには本当に助けられています。

今回のファビコンの記事のことではないのですが
うちのブログに来ていただいた方のコメントがたびたびスパムになってしまい
2回3回とコメントを書き直してくださっていたりするので
コメントのスパムフィルタ機能自体を止めたいのですが設定が見当たりません。

ひょっとして
スパムフィルタ機能って止めることができないのでしょうか。

阿部亮太 said...

クリボウさんの記事を拝見しファビコンを設定したのですが、デザインのページではできているように見えていても、実際には反映されません。なにか心当たりはあるでしょうか?

Kuribo said...

> Migeルさん

スパムコメントのフィルタ機能なんですが、僕も止め方がわかりません。止められないのかもしれませんね。お力になれずにすみませんです。


> 阿部亮太さん

僕も最初反映されなくて、途方にくれたんですが、次の日にはちゃんと反映されていました。少し時間がかかるのかもしれませんね。あ、今見たら、あべlog には、人の顔のようなファビコンがちゃんと出ていますよ。

toco said...

はじめまして、クリボウさん。

早速新しく追加されたBloggerのfavicon機能を使ってみたのですが、IEだけはブロガーの標準のアイコンになってしまいます。
ちゃんとico形式のアイコンをアップロードしているのにどうしてだかわかりません。

ご教示いただけると幸いです。

ちなみに私のブログは
http://tocomemories.blogspot.com/
です。

よろしくお願いします。

toco