［Blogger］Google Driveに置いた mp3 をBloggerで再生する

実際に貼り付けたイメージ

手順

• Google Driveにmp3ファイルをアップロードして、共有する。

• 「リンクを知っている全員」を「閲覧者」に設定すれば十分です。
• 「リンクをコピー」を選び、テキストファイルに貼り付けてIDを確認する。

• Bloggerで「HTMLビュー」にして、以下の通りに貼り付ける。

<div style="background-color: black; height: 40px; max-width: 100%; overflow: hidden; width: 900px;">

<iframe allow="autoplay" height="480" src="https://drive.google.com/file/d/［mp3ファイルのID］/preview" style="border: none; left: -14%; position: relative; top: -213px;" width="640"></iframe>

</div><br /><div><br /></div>

これで出来上がりです。パラメータはご自身で調整してみてください。

一番上に貼り付けたものが、この手順で作成したものです。