広告

2015年1月10日土曜日

【Blogger】 Webクリップ アイコンを設定する方法

スマートフォンには、ホーム画面にブックマークを追加する機能があります。
この機能を使って追加されたアイコンは、初期状態ではブログのスクリーンショットを
縮小したものになります。

この記事ではアイコンを別のものに変更する方法について説明します。

テンプレートのHTML編集を押して、HTMLの編集画面を表示します。
<head>と</head>の間にある<b:if cond='data:blog.isMobile'>の下に、以下の
コードを挿入します。
<link rel="apple-touch-icon-precomposed" href="画像のURL" />

画像の形式は「PNG」でないと認識されないので注意してください(透過は無効化されます)。

テンプレートを保存を押せば、コードが適応されます。
ホーム画面にブックマークを追加して、アイコンが変わっていれば成功です。


0 件のコメント:

コメントを投稿