🚀JetThemeでのファビコン設定

Setting Template JetTheme - JetTheme
https://www.jettheme.com/2021/03/setting-template-jettheme.html
ここの6番

<Variable name="favicon" description="Favicon" type="string" value="https://*.png"/>
[!] Favicon high resolution, required format (.png), min size 200x200 px

pngフォーマットで 200x200 ピクセル以上推奨(とのこと)
今まで別に書いてたんですが、JetThemeの設定方法に変更してみました

<!-- Favicon -->
<b:if cond='data:skin.vars.favicon'>
<b:with value='data:skin.vars.favicon' var='favicon'>
<link expr:href='resizeImage(data:favicon,32,&quot;1:1&quot;)' rel='icon' sizes='32x32' type='image/png'/>
<link expr:href='resizeImage(data:favicon,96,&quot;1:1&quot;)' rel='icon' sizes='96x96' type='image/png'/>
<link expr:href='resizeImage(data:favicon,144,&quot;1:1&quot;)' rel='icon' sizes='144x144' type='image/png'/>
<link expr:href='resizeImage(data:favicon,192,&quot;1:1&quot;)' rel='icon' sizes='192x192' type='image/png'/>
<link expr:href='resizeImage(data:favicon,180,&quot;1:1&quot;)' rel='apple-touch-icon' type='image/png'/>
<link expr:href='resizeImage(data:favicon,152,&quot;1:1&quot;)' rel='apple-touch-icon-precomposed' type='image/png'/>
<meta expr:content='resizeImage(data:favicon,150,&quot;1:1&quot;)' name='msapplication-TileImage'/>
</b:with>
<b:else/>
<link expr:href='data:blog.blogspotFaviconUrl' rel='icon' type='image/x-icon'/>
</b:if>

赤いライン(Android用Chrome向けアイコン)を追加

関連

• [Blogger]high-res favicon を設定すれば設定から（ファビコン）のアップロードは不要?