2009年12月2日水曜日

BloggerでiPhone向けFaviconを適用する方法

このエントリーをブックマークに追加 このエントリーを含むはてなブックマーク


Bloggerでapple-touch-icon.pngを設定した時のメモ

1, apple-touch-icon.pngを60*60pxで作成.
2, 適当な場所にアップロード(自宅サーバ等)
3, テンプレート→HTMLの編集
4, 以下のタグを<head>から</head>の間に設置.
<link href="あらかじめ準備したapple-touch-icon.png" rel="apple-touch-icon"></link>
5, テンプレートを保存.

うまく設定すると以下のようになります.


ホーム画面に追加


追加


準備したapple-touch-icon.pngがアイコンとして使われる.

blog comments powered by Disqus