ファンブログ雑記帳

『パート派遣主婦のぐーたら子育て生活』で起きたファンブログの記録

絵文字で簡単ファビコンを作ろう☆:ファンブログ

ブログ初心者の皆さん、ちょいコッサーのあなた。
こんにちは☆

今日は、ものすごく簡単に、
あなたのブログにファビコンを付けてみよう』講座です。

ファビコンって知ってます?
タブブラウザのブログ名の左についている
クローバーが、それです。

Favorite icon。
つまりはお気に入りのアイコンってことです。

いつも使っている、あなたの好きなファンブログ絵文字
ファビコンにしちゃいましょう♪
かなり簡単ですので、安心してください。

でも、残念ながら、今からご紹介する方法は
Internet Explorer には、表示対応していません。
Firefox、Crome などで、試してみて下さいね。

1. 絵文字を選んでソースを用意する

まず、最初にお気に入りの絵文字を選びましょう。

自分の記事や、コメント欄の好きな絵文字の上で
右クリックすると、「画像のURLをコピー」
と出ますので、クリックして、
メモ帳を開いて貼り付けてみます。

クローバーなら、
http://fanblogs.jp/image/emoji/103.gif
チューリップなら、
http://fanblogs.jp/image/emoji/100.gif
です。

絵文字によって、番号が変わります。

次に、メモ帳の上で、

<link rel=”icon” href=”http://fanblogs.jp/image/emoji/絵文字番号.gif”>
<link rel=”shortcut icon” href=”http://fanblogs.jp/image/emoji/絵文字番号.gif”>

というソースを用意しましょう。

【絵文字URL対応表 -ファンブログ-】

2. ソースをポータルに貼り付けてみる

さて、この2行のソースを
デザインの変更→フリースキンの編集→ポータル
で、
<head>タグと</head>タグ
の間に、貼り付けてみましょう。

どこでもいいいのですが、分からない方は
</head>タグの上の行に、空行を入れて
貼り付けるといいと思います。

できたら、保存します。

自分のブログを開いて、ポータルを見てみましょう。
ファビコン、見えました?

3. ソースを全部に貼り付ける

一番人目につかないポータルで試してうまく行ったら
後は同じ手順で、
メイン・アーカイブ・1記事・プロフィールにも
貼り付けましょう。

これで、あなたのブログにも、
大好きな絵文字のファビコンがついたはずです♪

4. ちょっと中級豆知識

ここからは、ちょっとだけ難しい話。
超初心者さんは、おやすみなさい~。

ファビコンに使う画像は、16×16pxのGIF形式や
アニメGIF形式の画像が使えるのですが、
本来は、ICO形式の画像が正式です。

I.Eでは、ICO形式ではないと、表示が未対応と
なっています。

ですが、ICOファイルは、ファンブログには
保存できないため、Dropbox などの
別のサーバに置く必要があります。

自分のオリジナルファビコンを作りたい方、
ICO形式でファビコンを作りたい方は
「ファビコン 作り方」などで
検索すると、いろいろなサイトが見つかりますよ。

参考:ファビコンを作ってみたよ(きのみいさん)

5. まとめ

あなたのお気に入りのファビコン、できましたか?
付けたよ!ってお知らせいただけたら
とっても嬉しいです。

報告お待ちしています☆

ちょいコツ

♪ こちらもどうぞ ♪

HOMEへのリンク追加:ファンブログカスタマイズ... ファンブログでは、メインページに10記事まで掲載されます。 1ページがけっこう縦に長いですよね。 一番下まで読むと、次へ、前へというリンクはあるのですが、 HOMEへのリンクがありません。 再び上まで...
個別記事のタイトル表示:ファンブログカスタマイズ... ファンブログでは、初期状態だと各記事のブログタイトルは 全部元のブログ名になります。 つまり、このブログだと、どんな記事でも パート派遣主婦のぐーたら子育て生活 です。 たとえば、『ごまの除去』...
テンプレート変更実験 こんにちは。かこですよー。 間違ってないです。 パート派遣主婦のぐーたら子育て生活ですっ! ファンブログハック、おーとえすさんとこで とっても可愛らしいテンプレートを見つけたので、 ちょっと実験的につけてみまし...
ファンブログヘルプを見てみよう♪... ブログ初心者の皆さん、こんにちは。 今日は保育園のお迎えの帰りに、 スーパーでかごに食材を山盛りいれ、 レジでお財布がないことに気づいた、かこです☆ ***** さて、カスタマイズの自由度が低い、と 言われ...
個別記事に関連カテゴリ追加:ファンブログカスタマイズ... このブログでは、いろんなテーマを扱っています。 『ファンブログ カスタマイズ』の検索で来た方には、 『カスタマイズ』カテゴリの記事を読んで帰っていただきたいので、 個別記事の下に、そのカテゴリへのリンク...

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です