絵文字で簡単ファビコンを作ろう☆：ファンブログ
ブログ初心者の皆さん、ちょいコッサーのあなた。
こんにちは☆
今日は、ものすごく簡単に、
『あなたのブログにファビコンを付けてみよう』講座です。
ファビコンって知ってます？
タブブラウザのブログ名の左についている
クローバーが、それです。
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. まとめ
あなたのお気に入りのファビコン、できましたか？
付けたよ！ってお知らせいただけたら
とっても嬉しいです。
報告お待ちしています☆
ちょいコツ
こんにちは☆
今日は、ものすごく簡単に、
『あなたのブログにファビコンを付けてみよう』講座です。
ファビコンって知ってます？
タブブラウザのブログ名の左についている
クローバーが、それです。
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. まとめあなたのお気に入りのファビコン、できましたか？
付けたよ！ってお知らせいただけたら
とっても嬉しいです。
報告お待ちしています☆
ちょいコツ
♪この記事のカテゴリ パソコン豆知識 Part1へ♪
トラックバック（受付を終了しました）
» 絵文字URL対応表 -ファンブログ- from ここにブログの名前を入れます
ファンブログの絵文字のURL対応表です。
絵文字の基本URLは http://fanblogs.jp/image/emoji/番号.gifです。
下の画像にマウスを乗せると番号が表示されますので、その番号を入れると画像のURLになります。
チューリップなら、
http://fanblogs.jp/image/emoji/1... [Read More]
Tracked on 2012年12月28日(金) 00:07
» firefoxにチューリップがパァーッ！ from ここにブログの名前を入れますファビコンというのがありまして。きのう知りました。
かこさんにつけろと言われて、やったら１分でできました。
やりかたは、かこさんのところで説明しています。InternetExplorerでは出来ないそうです。 [Read More]
Tracked on 2012年02月13日(月) 23:22
この記事へのコメント（受付を終了しました）
ご連絡はココロデザイン、Twitterでどうぞ。使ってくれて、ありがとう〜。
ファビコンつけてみました〜。
時間かかったけど、なんとか上手くいった
そら豆さん。ありがとう〜
ファビコンなるもの付けてみました。
ブログのタイトルにあった
IE未対応か、ホントに知りたかったので。
ありがとうございます♪
このブログのファビコンは見えてませんね。
普通のjpgファイルを指定している場合は、やはりIEでは対応していない様です。
そうですね。この記事はこれで完結しているので、自分が言ってる事とかはほっといて下さいｗ
一応コメントしてみただけですからｗ
きのうは色々とありがとうございました。
とっても嬉しかったです。
番号を替えるだけで、絵文字が替えられるのが
すごくカンタンでいいでしょ？
中級も、ぜひ挑戦してみてくださいねっ！
みてみたいです。しんさんのオリジナル☆
わからなかったら、きのみいさんに聞いてください笑。
結局クジラで落ち着きましたが、
せっかく簡単で楽しい方法を教えて頂いたので
又そのうち別のに変えるかもしれません
中級に挑戦しようかなぁ........
いろいろ有難うございました
私も断定するのはどうかな、と思ったので今は、
＞Internet Explorer には、表示対応していません。
っていいう書き方に、直してあります。
ごちゃごちゃ書くと、主題が見えなくなっちゃうので。
じっさいおーとえすさんのIE9から、うちの四つ葉、見えてますか？
うちのIE9では、IEファビコンが見えてます。
オリジナル、と言うか、ぽあろさんのとこでも、方法としては書いてあるんですが、Internet Explorerだと.icoファイルじゃないと見えない、って書いてあったんですが、実際にやってみたら、Internet Explorer 9だと見れました、って感じです。8とかだと分かりませんが。
この記事でも、同じ様にInternet Explorerだと見れません、みたいな書き方なので、それが少し気になってコメントした、ってのも実はちょっとありますｗ
きのちゃん今、Tomんちいるよ。
うちにはもったいない嫁
おーとえすさんや、きのみいさんが記事を書く
だいぶ前にぽあろさんの元記事は読んでました。
いい記事です。
でもファンブログに画像あげるとこは、
おーとえすさんのオリジナル？でしょ？
http://fanblogs.jp/poirot/archive/113/0
カップラーメン作ってる間に出来上がりたい笑。
おーとえすさん、ありがとう♪
そうですよね。ちょいコツ、にならないですからねｗ
貼るだけなんだけどね。
丁寧に書いたら、長くなっちゃって、とっつきにくくなったかも。
今度、落ち着いたら、ゆっくり読んで。記事は逃げない笑。
長男さん、婚約おめでとう。よかったね。嬉しいね♪
置いてかないで〜って
でも、ゆっくりやんなきゃと思って
ありがとさん
またピアノと違うのにも挑戦してみるよ
忙しいのに、押し売り受け取ってくれてありがとう。
ピアノに飽きたら、番号だけかえてみてね♪
ありがとね
さきほどやりましたよ
SGLさんとこには、すてきなファビコンついてますもんね。
ちょいコッサーは、
うちのちょいコツを試してくれる、</body>タグが
どこにあるのか分かるか分からないか位の
レベルの方たちのことです☆
実は、昨日命名したばっかりです。
ちょっと、すイエんサーを意識したのはナイショです。
ベタで忘れられない名前でしょ？
ファイルのアップ＆ダウンロードはちょっと難しいなぁって思う
レベルの方向けに書いてるのが、うちのちょいコツ。
初心者LOVE！
ふっ。HTMLとCSSがバリバリかける人は、
Tomんちに行ってくださいな。
でも、たまにはうちにも来てね
ちょいコッサーって・・なんすか？
faviconは大事ですよねー。
なんかついてないとブックマークからサイト見つからんすもんｗ
ばっちりですね。嬉しい嬉しいですっ☆
りょうちゃん。10番
早くしないとなくなっちゃうよ笑。
昼間Tomさんのブログを拝見していて
何のことかと思っていたのですが、
先程 かこさんの記事を見てやってみました。
私にもできました ヽ(ﾟ∀ﾟ )ﾉ
ありがとうございます
一個1分でできる。
<link rel="icon" href="http://fanblogs.jp/image/emoji/210.gif">
<link rel="shortcut icon" href="http://fanblogs.jp/image/emoji/210.gif">
を</head>の上に貼るだけ。
あとからはやだ
めっちゃ負けず嫌い（笑）
＞怖がってみんな避けると思うよ
なんで恐がるねんな
やさしい〜のに
まあ、ハートは居るから、いいかな。
実験なので、そのうち、ここのポータルはクローバーに
戻します〜。
かこちゃん家のポータルを見たら、ていう話ね
ファンブログに画像を置ける分、Dropbox使うよりは手軽ですよね♪
＞今うちのポータルで、
うっそーヤッターじゃあうちも付けてみようかな
あれー？
背景白の、動かない赤いハートになってる。残念＞ぽーたる
例のごとく環境によるのかもね。ちなみにうちはXP＆クロームです
おーとえすさんも、ファビコン作られてますものね！
でも、そこまでするなら、オリジナルファビコン作っちゃいますよね笑。
私も作れるとは思うんですけど。
ちょいコッサーには、画像のアップ＆ダウンロード、
作成、アドレス指定が難しいと思うので
ファンブログにもともとある画像をそのまま使う方針で
ちょいコツしました。
ちょいコツは、理屈抜きで出来ちゃうとこを目指してます☆
なので、好きな絵文字の画像のアドレスにアクセスし、その画像を保存し、それを使ってicoファイルを作成して、その後jpgに拡張子だけ変更すれば、多分出来ると思います。
icoファイルは、
http://www.favikon.com/
とかで、画像から簡単に作成出来るかなと思います。
ま、少し作業量も有りますし、拡張子を変更してファンブログにアップロードして、そのアドレスを指定する、などなど、割と面倒かとは思いますが、一応。。ｗ
今うちのポータルで、
すごい、ちょいコツでしょ？
私のちょいコッサーへの大いなる愛が結晶化した傑作！
なにせTomが、
＞意味わからずにそのまま貼ったら、
って言ったくらい♪
ちょこっとFirefoxとかで、試してみない？ひまわり。
心姫さんから見えなくても、私が毎日みて、
ニヤニヤするから
怖がってみんな避けると思うよ笑。
ブラウザ限定だけど、これ簡単でいいわあ( ´∀｀)
さすがちょいコツ。
Favorite Iconの略だったのね、勉強になりました〜
ならんか＠＠；
ちょいコッサーですが、Internet Explorer ですね〜。
なので、ちょっと考えます。
やったらまた報告しますけど、まだ先になりそうだなぁ〜。
いらん絵文字しかなくなったらやらない（笑）