ずっと出来ないと思い込んでいたのだけど、Bloggerでもできるんですね！
サイトの方は、ずっと以前にiPhone/iPad用のアイコンを設置していたのですが、
iPhoneのホーム画面のアイコンを作成
なぜか、Bloggerでは出来ないと思っていたんですね。
昨日、記事のタイトル下と記事下に広告を表示するように、下のサイトにお世話になりながら
[Blogger]トップページと個別記事両方のタイトル下と記事下にGoogle AdSense広告を表示する方法 - 初心者からのBloggerカスタマイズ
HTMLをいじっていたのですが、
これなら、アイコン表示もできるんじゃないかなぁ～とやってみたら、
あっさりできました。
ただ、Bloggerの場合は、モバイルテンプレートを「カスタム」にしておく必要があります。
コードを貼り付ける位置は、どこでもいいらしいけど、私は一応<head>の下へ。
Bloggerの場合はテンプレートによって違いがあるので、エラーにならないかプレビューで確認しながら操作してください。バックアップも必要ですね。
コードを貼り付ける時は、以下のように書き換えてください。
「<」 →「 <」
「> 」→ 「>」
「" 」→ 「"」
ですから、通常は
<link rel="apple-touch-icon" href="画像URL">となるのですが、
これを下のように書き換えます。
<link rel="apple-touch-icon" href="(画像URL)">
まだ、トライされてない方はぜひ。って、私が遅い(^_^;)
サイトの方は、ずっと以前にiPhone/iPad用のアイコンを設置していたのですが、
iPhoneのホーム画面のアイコンを作成
なぜか、Bloggerでは出来ないと思っていたんですね。
昨日、記事のタイトル下と記事下に広告を表示するように、下のサイトにお世話になりながら
[Blogger]トップページと個別記事両方のタイトル下と記事下にGoogle AdSense広告を表示する方法 - 初心者からのBloggerカスタマイズ
HTMLをいじっていたのですが、
これなら、アイコン表示もできるんじゃないかなぁ～とやってみたら、
あっさりできました。
ただ、Bloggerの場合は、モバイルテンプレートを「カスタム」にしておく必要があります。
コードを貼り付ける位置は、どこでもいいらしいけど、私は一応<head>の下へ。
Bloggerの場合はテンプレートによって違いがあるので、エラーにならないかプレビューで確認しながら操作してください。バックアップも必要ですね。
コードを貼り付ける時は、以下のように書き換えてください。
「<」 →「 <」
「> 」→ 「>」
「" 」→ 「"」
ですから、通常は
<link rel="apple-touch-icon" href="画像URL">となるのですが、
これを下のように書き換えます。
<link rel="apple-touch-icon" href="(画像URL)">
まだ、トライされてない方はぜひ。って、私が遅い(^_^;)
