2017 031234567891011121314151617181920212223242526272829302017 05
TOP > カスタマイズ(HTML・CSS) > title - ファビコンを変更してみよう!(FC2ブログ)

ファビコンを変更してみよう!(FC2ブログ)

今回はFC2ブログでのファビコンを変更する方法を解説します。  

ファビコンについて
ファビコンを作ってみよう!
コチラの記事を参考に。
ファビコンについてやファビコンを作成できるサイトを解説しています。

FC2ブログでファビコンを適用する方法
まずブログの管理画面に入ります。
そしてツールにあるファイルアップロードをクリックし、
作成した.icoファイルをアップロードします(アップロードされたファイルのURLをメモ帳などに控えておいてください)

次に環境設定テンプレートの設定をクリックし、テンプレートのHTMLを編集します。

HTMLの中から</head>と書いてある部分を探し、その上に

<link rel="shortcut icon" href="http://~">

と入力します(http://~の部分にはアップロードしたファビコンのURL)


<title><%blog_name> <%sub_title></title>
<link rel="stylesheet" type="text/css" href="<%css_link>" media="screen,tv" title="default" />
<link rel="alternate" type="application/rss+xml" href="<%url>?xml" title="rss" />
<link rel="top" href="<%url>" title="top" />
<link rel="start" href="<%url>" title="first" />
<!--preventry--><link rel="prev" href="<%preventry_url>" title="<%preventry_title>" /><!--/preventry-->
<!--nextentry--><link rel="next" href="<%nextentry_url>" title="<%nextentry_title>" /><!--/nextentry-->
<!--prevpage--><link rel="prev" href="<%prevpage_url>" title="<%template_prevpage>" /><!--/prevpage-->
<!--nextpage--><link rel="next" href="<%nextpage_url>" title="<%template_nextpage>" /><!--/nextpage-->
<link rel="index" href="<%url>archives.html" title="サイトマップ" />
<link rel="shortcut icon" href="http://blog-imgs-48.fc2.com/b/l/o/blogcustomizkamaboko/favicon.ico">
</head>
<body>


このようになります、
記入できたら下にある更新ボタンをクリック。
あとはブログを確認しファビコンが適用されていれば成功です。


Related Entries
このブログの更新情報をメールでお届けいたします。
メールアドレスをご入力ください。
記事通知ブログパーツ「読んでミー。」


このエントリーをはてなブックマークに追加 このページをはてなブックマークに登録してみる?


Comment is pending approval.
Comment is pending administrator's approval.
[ 2013/02/19 13:33 ] [ 編集 ]
゜。゜☆ラメント☆。゜。 さんへ
ありがとうございます。

<link rel="shortcut icon" href="">
の"と"の間にURLを入力です、
コメントのままですと" href=が
抜けていることになるのでご注意ください。

また何か分からないことがあれば
どうぞコメントしてください。
[ 2012/06/16 19:02 ] [ 編集 ]
おぉ、これは分かりやすい

<link rel="shortcut icon"">の"と"の間に画像URLを入れればいいんですね?

一応これで正解でしょうか?
[ 2012/06/16 17:35 ] [ 編集 ]
Post a comment












Only the blog author may view the comment.
Trackbacks:
この記事のTrackbacks URL

アクセスカウンター

最新記事
アクセスランキング
[ジャンルランキング]
コンピュータ
1369位
アクセスランキングを見る>>

[サブジャンルランキング]
Webサイト作成
48位
アクセスランキングを見る>>


アクセスランキング