暮らしの中で使ってみたものレビュー中心ブログ。情報&つぶやきもありです♪

トップページ|記事一覧|コーデシタとプロフィール|お問い合わせ|リンク集|フィード 

≪ 森&動物モチーフの壁紙&ネットブック「HP ミニ110 by Studio Tord Boontje」 | メイン | 楽天トラベルでホテル探し。「サプライズ料金」に出合う。 ≫

オリジナルのブログアイコン(ファビコン)を表示させる方法
2009年11月24日 09:25
ブラウザはFireFoxを使っているのですが、そうするとこんな風にタブの部分にオリジナルのアイコンが表示されるブログと、そうでないブログがあるんです。(私は「ブログアイコン」と読んでいますが、正式名はわかりません^^;)

たとえば、さとりんさんとRittyさんのブログを表示すると、こんな風に見えます。

minnano-icon.gif
※参考にさせていただいたのは、さとりんさんの「さとりんの散歩道」と、Rittyさんの「ちいつもblog」です。

さとりんさんのブログアイコンは、多分さとりんの「さ。」、そしてRittyさんのブログアイコンは、おそらく「ちいつも」と書かれて緑の葉っぱが描かれています。どちらも、このアイコンを見ただけで、どのブログかわかります。こういうちょっとした点からも、そのブログに愛着がわいていくんですよね。だって可愛い♪

で、「私もやってみたいなー」とずっと思っていたのですが、方法がわからずじまい。それが先日、やっとわかったので挑戦してみました^^ワーイ


コーデシタのブログアイコン

コーデシタのブログアイコンは、「コ」にしました(笑)。とことこ散歩の「と」や、散歩の「散」など考えたのですが、やっぱりブログ名を使うべきだと思いまして。

original-icon.gif

右の赤丸が何も設定しない場合に表示されていたアイコン、そして左の緑の丸で囲った「コ」のアイコンが、コーデシタ・オリジナルのアイコンです。無事に表示された時には、感動しましたーっ!

ブラウザInternetExploreで遊びにきていただいている方にはなんの変化もなくてつまらないお話なのですが、FireFoxでブログを見てくださっている方には、こんな小さな空間でも楽しんでいただけたらうれしいです♪そういえばFireFoxのタブ以外でも、アイコンって表示される場所があるのかな?


ブログアイコンの変更方法

パソコンに詳しい方には、いまさらなお話なのですが、私は結構長い間この方法を知りたくてウロウロしたので、きっといつかどなたかのお役にたてるのではないかと記事にしておくことにしました。

コーデシタはMTを使用したブログなので、MT画面の言葉で説明しますね。ただしHTMLをいじれるブログじゃないと無理のようです。ほかにも方法はあるかもしれませんが、残念ながらわかりません^^;

1)16×16pixelの画像を作成
2)管理画面で「ファイルのアップロード」を使用し、
  さきほど作成した画像をMTにUP
3)画像のURL(http://~)をメモ
4)テンプレート画面「メインページ」で、上の方にある</html><body>を探す
5)<link rel="shortcut icon" href="メモしたURL">を
  </html>と<body>の間に置いて更新
※<>は半角の<>に置き換えてください。半角で書くと、記事にその部分が表示されないためです。

メインページだけでなく、アーカイブページやカテゴリーページ等のHTMLにも、 同じように挿入してください。そうしないと、トップページが表示された時にしか、 オリジナルアイコンが表示されないためです。

長いことわからなかったことをクリアできたので、気分ウキウキーな、とことこ散歩でした^^


お勉強情報、追記

ブログアイコンは、「ファビコン」という名前だそうです。その他の情報は、下記のさとりんさんからのコメントをお読みください。ものすごく詳しいですよ~^^私もとっても勉強になりました。さとりんさん、ありがとうございます!


この記事は楽しんでいただけましたか?また遊びに来てくださいね♪

にほんブログ村 ライフスタイルブログ 暮らし上手へ

←ブックマーク、またはRSSリーダー

Tweet ←ツイッターでも更新情報を流しています。






コメント

こんにちは!

参考にしていただいたなんて、うれしいです♪
そうです、さとりんの「さ」に、タイトル最後についてる「。」をくっつけて作ってみました。
これは、ファビコンというもので、ファビコンを無料で作れるサイトがあって、そこでgifから変換して、それをアップロードしています。

タブ以外には、ブックマークでも出てくるので、探しやすくなります♪

ちょっとしたことやけど、これはいいですよね♪

投稿者 さとりんさん : 2009年11月24日 14:53

◇さとりんさんへ

コメントありがとうございます♪
ブログアイコンはファビコンと言うんですね。

>ファビコンを無料で作れるサイトがあって

探してみたら、ありました!
すごい便利でびっくりです。

>タブ以外には、ブックマークでも出てくるので、探しやすくなります♪

ほんとだ~^^
ものすごく勉強になりました。
ありがとうございます!

投稿者 とことこ散歩 : 2009年11月25日 09:20

コメントお待ちしてます

感想などありましたら、どうぞお気軽にお寄せください。ブログ運営の励みになります♪
(記事への関連性が無い、または薄いと判断した場合、公開せずに読ませていただくことがあります。ご了承ください)




保存しますか?



トラックバック

このエントリーのトラックバックURL:

お気軽にトラックバックしてくださいませ^^
(ただし当サイトへのリンクが無い記事、または記事にまったく関連性が見当たらない(薄い)と管理人が判断した記事は、削除させていただきますのでご了承ください)



モビールがすぐ作れる♪

「北欧の切り紙 インテリア・モビール」でモビールを作りました

型紙と厚手の色紙が付属している本なので、すぐに気にいったモビールを作ることができます♪
レビューはこちら。


新着記事サイドバー
08/22SK-Ⅱ:対象店舗でサンプルがもらえるクーポンをダウンロードする際に気をつけること
08/16ランドセル選びの参考サイト、作成中。
08/15せっかく送料無料キャンペーン中なのに注文した、ベルメゾン「キレイの匠」
08/10Wiiフィットプラスの購入をクチコミで検討中
08/05ハリーポッター死の秘宝PART2を観に行く前に、前編DVD購入。
08/02ジェルネイル初体験!爪がきれいだと手の動きもきれいになる。
08/01ゆるりゆるりと、夏休み。

カテゴリ
  • キッチン家電・道具
  • 食べもの・飲みもの
  • 美容・コスメ・健康
  • 暮らし・生活
  • ベビー・キッズ
  • モニター記事

人気レビュー記事
  • モビール
  • ティファール圧力鍋
  • ホームベーカリー
  • 無印良品
  • ベネビス

月別アーカイブ




参加してます



子育てスタイルに参加中♪


レビューポータル「MONO-PORTAL」

TREview

あわせて読みたい

  • ブログSEO対策:track word
  • _
  • _
とことこ散歩の、使ってみたらコーデシタ TOPへ
Copyright(C)2006-2011 All right reserved.
当サイト内の内容・画像の無断転載・転用について は固くお断りします。