『糖質たべたくん』をはてなブログのサイドバーへ貼る方法

『糖質たべたくん』を、はてなブログのサイドに貼る方法です。

１．ブログ設定のデザインを選択。

２．サイドバーを選択して、追加する。

３．HTML形式で以下のコードを貼り付けます。

<div style="width: 100%; overflow: hidden;">
  <div style="
    width: 375px; /* アプリの元の幅 */
    height: 1875px; /* アプリの元の高さ */
    transform: scale(0.75); /* ★ここで大きさを調整 (0.75 = 75%) */
    transform-origin: top left;
    margin-bottom: -600px; /* 縮小してできた下の隙間を詰める */
  ">
    <iframe 
      src="https://sugar.michitaru.com" 
      style="
        width: 100%; 
        height: 100%; 
        border: none;
        overflow: hidden;
      "
      scrolling="no" 
      loading="lazy"
      title="糖質たべたくん"
    ></iframe>
  </div>
</div>

４．保存しましょう。

ご質問などありましたら、ブログやＸなどでお声がけ下さいませ。

以上です。