ファンブログ雑記帳

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

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

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

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

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

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. まとめ

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

報告お待ちしています☆

ちょいコツ

♪ こちらもどうぞ ♪

テンプレート変更実験 こんにちは。かこですよー。 間違ってないです。 パート派遣主婦のぐーたら子育て生活ですっ! ファンブログハック、おーとえすさんとこで とっても可愛らしいテンプレートを見つけたので、 ちょっと実験的につけてみまし...
カスタマイズトラブル対応法とお願い... ブログ初心者のみなさん、こんにちは。 ちょいコッサーのみなさん、こんにちは。 カスタマイズ、してますか? 楽しいですよね。 でも、カスタマイズは、ちょっとだけ 危険がともないます。 適当にえいやってやって、いい...
テンプレート変更実験2 こんにちは。かこですよー。 間違ってないです。 パート派遣主婦のぐーたら子育て生活ですよっ☆ ファンブログハックのおーとえすさんが このブログのために、テンプレートの緑系バージョンを 作ってくださいました♪ ...
個別記事間のリンクのソース:ファンブログカスタマイズ... 個別記事の最後に追加した、前記事と後記事の表示&リンクの ソースを公開してOKと、 +ぷちカスタマイズ日記+さまから了解をいただきましたので ご紹介しますね。 デザインの変更→フリースキンの編集→1記事テ...
テンプレート実験終了報告 3/9から、10日間続けてきた ファンブログハック、おーとえすさんが作られた、 テンプレートの実装実験。 本日を持ちまして、無事終了しました! 結果は、本採用☆大・決・定☆です♪ えへへ。可愛いでしょっ。 おー...

コメントを残す

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