BloggerにSoundCloudサウンドを埋め込むという記事を掲載しましたが、それを読んだ後、訪問者に あなたはそれに着陸すると、いくつかの音楽が突然再生を開始することをいくつかのブログで気づいたかもしれません。 それは気持が良いまたは迷惑であるかもしれない;それがであるものは何でも彼らは彼らの訪問者の注意をつかむためにそれを加える。 どのようにあなたはあなたのブログの背景に素敵な楽器の音楽を追加したいと思いますか？ それは簡単です、ここではBloggerのブログに背景音楽やサウンドを追加する方法を見ていきます。

あなたのブログに背景音楽を追加するには多くの方法がありますが、ここでは簡単な方法を紹介します。 <audio>タグを使用すると、表示されているコントロールを持つ音楽プレーヤーを埋め込むことができます。 さて、これを行う方法を見てみましょう。

Bloggerのブログに背景音楽やサウンドを追加する方法

まず、あなたのブログに背景音楽を追加する前に、呼び出す音楽ファイルを持っている必要があ ちょうどgoogleで、ロイヤリティフリーの音楽を検索し、無料の音楽のダウンロードを提供する多くのサイトが表示されます。 あなたのブログのための任意の適切な背景音楽を選択するか、すでにいずれかを持っている場合は、単に最高の無料のファイルホスティングサーバーの何百もあり、任意のオンラインストレージサイトにアップロードします。 あなたの音楽ファイルが準備ができていることを願っています。

も参照: 無料の作曲と楽譜ソフトウェア

あなたのブロガーブログにログインし、あなたの背景音楽を追加したいブログを選択します。 次に、レイアウトに移動し、”ガジェットを追加”を選択し、HTML/JavaScriptガジェットを選択し、以下の行を追加します。

<audio autoplay loop><source src="http://yourmp3-file-location.mp3"></source></audio>

ソースsrc=””に音楽ファイルの場所を追加し、ガジェットを保存してから、音楽の再生を聞くことができるブログを表示しますが、コントロールは非表示に 上記のコードでは、”autoplay”は準備が整うとすぐにサウンドの再生を開始し、”loop”は終了するたびにオーディオを繰り返すようにします。

あなたの訪問者のためのオーディオコントロールを表示したい場合は、単にこのようなオーディオタグ内のコントロールを追加します。

<audio controls autoplay loop><source src="…"></source></audio>

オーディオプレーヤーは次のようになります。.

音楽プレーヤーを追加したり、単一の投稿やページで再生する音楽を作 オーディオプレーヤーコントロールは、あなたのブログのサイドバーに適合していない、あなたはプレーヤーの幅を大きくしたいと言います。 これを行うには、次のようなタグ内にidを追加します<audio id=”player”controls autoplay loop>次に、次のようなCSSを追加します

#player {width: 100%;}

それだけです！ あなたのブログに背景音楽を追加するのに役立つことを願っています。