ファンブログ雑記帳

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

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

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

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

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

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へのリンクがありません。 再び上まで...
個別記事のタイトル表示:ファンブログカスタマイズ... ファンブログでは、初期状態だと各記事のブログタイトルは 全部元のブログ名になります。 つまり、このブログだと、どんな記事でも パート派遣主婦のぐーたら子育て生活 です。 たとえば、『ごまの除去』...
次へ>>・ ファンブログでは、10件以上記事を書くと、 ページの一番下に 次へ>> というリンクが貼られ、 10件以前の記事に跳べるようになります。 好みの問題なんですが、私の中では、 新しい記事は『次』で左側、...
テンプレート変更実験2 こんにちは。かこですよー。 間違ってないです。 パート派遣主婦のぐーたら子育て生活ですよっ☆ ファンブログハックのおーとえすさんが このブログのために、テンプレートの緑系バージョンを 作ってくださいました♪ ...

コメントを残す

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