お気に入りにアイコンを設置する

お気に入りにアイコンを設置する に関する記事です。
HOME > スポンサー広告 > title - お気に入りにアイコンを設置するHOME > [ブログカスタマイズ]お気に入りにアイコンを設置する > title - お気に入りにアイコンを設置する
上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。
もっといいアフィリエイトでおこづかいを稼ぐ情報を探しに行く?^^
に関連したブログ内の記事へ

[RSS] [Admin] [NewEntry]

スポンサー広告 | Page Top↑ Yahoo!ブックマークに登録 スポンサーサイトの記事をはてなブックマークに登録 この記事をライブドアクリップに登録 このエントリーを含むFC2ブックマーク
ブラウザーのお気に入りにアイコンが表示されているのを見かけたことがありませんか?
これをファビコン(favicon.ico)と言います。

お使いのブラウザーの、左側をご覧になってください。
このようにサイト名の左横に、ファビコンが表示されていますね?
favicon.ico

これがファビコン(favicon.ico)です。

ファビコンが表示されるようにしておくと、ブラウザーに登録してくださった方が、ブラウザーからあなたのブログを、見つけやすくなるんです。

ファビコンを設置しておくと、再訪問してもらいやすくなりますから、アクセスアップ対策になります。


●ファビコンを表示する方法

  1. まずはネットから、気に入ったファビコン画像を探します。
    ネットには、ファビコンを無料配布しているサイト様が、たくさんありますから、
    利用規約(商用利用可能かどうか?)をよく読んだ上で、使わせていただきましょう。
    ヤフー検索の ファビコン 素材 検索結果ページへ行くにはここをクリック


  2. 気に入ったファビコン(画像)が見つかったら、画像にマウスを合わせて右クリック。
    メニュー一覧を出します。
    そして一覧の中から「名前を付けて画像を保存(S)」をクリック


  3. 「画像保存」画面が出てきますので、お好みの場所やフォルダに画像を保存します。
    右下の「保存(S)」をクリック

    ※この時に「画像保存」画面下の欄にある「ファイルの種類(T)」をご覧になって、ファイルの種類を確認してください。
    ファイル名が××××.icoとなっている場合は、4から7の手順は飛ばしてください


  4. ファイル名が××××.ico以外の××××.jpgや××××.bmp.××××.gifとなっている場合は「FAVICONメーカー」のサイトへ行きます。
    FAVICONメーカーのサイトへ行くにはここをクリック


  5. サイトへ行ったら「参照」ボタンを押して、先ほど保存した画像を指定します


  6. 次に「Favicon作成」ボタンを押します


  7. 「ファイルのダウンロード」画面が出ますので「保存(S)」をクリックしてお好みの場所にファイルを保存します。
    これで画像が××××.icoというファビコン専用画像になりました。



では、ブログにファビコンを表示させるカスタマイズをしてみましょう


  1. FC2ブログ管理画面ログインします


  2. 左メニュー一覧にある「ツール」バーの中から「ファイルのアップロード」をクリック
    します


  3. 「参照」ボタンを押して先ほど保存した「××××.ico」ファイルを選択します。


  4. 次に「アップロード」ボタンをクリック


  5. 画面下にファイルがアップロードされていますから「記事を書く」ボタンをクリックします


  6. すると画面が切り替わって「新しく記事を書く」画面になりましたね?
    そしてこのような表示になっていると思います。

    このブログの場合は
    <a href="http://blog-imgs-12.fc2.com/a/f/f/affiliateland/favicon.ico" target="_blank">http://blog-imgs-12.fc2.com/a/f/f/affiliateland/favicon.ico</a>となっています


  7. この中からhttp://blog-imgs-12.fc2.com/a/f/f/affiliateland/favicon.icoの部分をコピーしてください
    注意)ご自分のブログのhttp://~部分ですよ


  8. 左サイドバー「環境設定」メニュー一覧の中にある「テンプレートの設定」をクリックします


  9. 「テンプレート名/プレビュー」一覧に、お使いのテンプレートが表示されています
    (テンプレート名の左に旗が表示されています)


  10. ※ミスをした場合でも、後ですぐに元に戻せるように、テンプレートの複製を取っておきましょう。
    「複製」ボタンをクリック


  11. 複製を取ったら「編集」ボタンをクリックして次に進みます



  12. 「HTML編集」と「スタイルシート編集」の2画面が表示されます
    上の画面「HTML編集」カスタマイズします。


  13. HTML内の上部分に<head>と書かれている場所があります。
    その<head>から</head>の間のどこか
    <link rel="shortcut icon" href="(ここに先ほどコピーしたURLを挿入)">
    と記述してください。

    このブログの場合は
    <link rel="shortcut icon" href="http://blog-imgs-12.fc2.com/a/f/f/affiliateland/favicon.ico">
    </head>
    の場所に記述しています

  14. 終ったら「更新」ボタンをクリックして完了です。


  15. ではさっそファビコンが表示されているか確認してみましょう。

    ご自分のブログを「お気に入りに追加」してみてください。
    あなたのブログタイトルの左横に、先ほどのファビコン画像が出ているはずです。

    もし「何も表示されてない」場合は、「Ctrl」と「F5」キーを同時押ししてキャッシュを削除してください。
    これで表示されるはずです。

    [関連記事]
    記事と記事の間に公告を表示する方法
    記事の下に公告を表示する
    クリックするとへこむリンクやボタンの作成方法
    スポンサーサイト
もっといいアフィリエイトでおこづかいを稼ぐ情報を探しに行く?^^
カスタマイズ アクセスアップ に関連したブログ内の記事へ

[RSS] [Admin] [NewEntry]

[ブログカスタマイズ]お気に入りにアイコンを設置する | トラックバック:0 | コメント:0 | Page Top↑ Yahoo!ブックマークに登録 お気に入りにアイコンを設置するの記事をはてなブックマークに登録 この記事をライブドアクリップに登録 このエントリーを含むFC2ブックマーク
コメント
この記事へのコメント
コメントを投稿する
URL:
Comment:
Pass:
秘密: 管理者にだけ表示を許可する
 
トラックバック
この記事のトラックバックURL
http://affiliateland.blog52.fc2.com/tb.php/20-0fcffd87
この記事にトラックバックする(FC2ブログユーザー)
この記事へのトラックバック
SEO対策:アフィリエイト SEO対策:副業 SEO対策:在宅ワーク
  1. 無料アクセス解析
上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。