ホームページを見ていると、ブラウザのタブの左側に小さい画像がありますよね！これ【ファビコン】です。
yahooだと【Ｙ!】という赤いロゴマークが表示されます。
自分で作ったホームページやブログにもこの【ファビコン】を作りたい！って方、多いと思います。
今回はMovable Type5.12にこの自作の【ファビコン】を設置してみました。
表示されるサイズは16px四方の大きさで画像を作成してください。僕のサイトは緑色基調なんで緑のファビコンにしてみました。
設置は簡単です。ファイル名を『favicon.ico』としてアップロードし後は「デザイン」→「テンプレート」の順に選び、「テンプレートモジュール」から「HTMLヘッダー」をクリックする。
HTMLヘッダーテンプレートに以下の2行を貼り付けて保存をすれば完了！
<link rel=”shortcut icon” href=”<$MTBlogURL$>favicon.ico” type=”image/vnd.microsoft.icon” />
<link rel=”icon” href=”<$MTBlogURL$>favicon.ico” type=”image/vnd.microsoft.icon” />
というコードを追加して、再構築すれば表示ＯＫ！
コメント