Saturday, December 19, 2015

How to embed audio files to Blogger

Yeah, I deed it mayne!

This tune on the flute is a lil' something I created Friday, ‎March ‎22, ‎2013, ‏‎7:31:06 PM
I call it, "Yearning".

Yearning


How to embed audio with Dropbox

"I will get embedded audio to work!

Step 1. Upload an mp3 to Dropbox.

Hover mouse over the file listing, click "Share", "Create a link", then "Copy link"

Step 2. Get the share link for the file in Dropbox. Change the last digit from 0 to 1 to force browser to download the file
example: https://www.dropbox.com/s/crkque0s2qvlc1i/tune1.mp3?dl=1
Step 3. Switch from "Compose" to "HTML" mode in the Blogger editor, then copy paste the code below:
    <br /><div align="center">Title
    <br /><audio preload="none" controls="controls" height="50px" width="100px">
    <source src="PUTyourURLtoMP3fileHERE
    " type="audio/mpeg"></source>
    <embed height="50px" width="100px"></embed> </audio></div><br /><br />
Step 4. Replace the PUTyourURLtoMP3fileHERE with the actual URL.

Example:
    <br /><div align="center">Yearning
    <br /><audio preload="none" controls="controls" height="50px" width="100px">
    <source src="https://www.dropbox.com/s/crkque0s2qvlc1i/tune1.mp3?dl=1
    " type="audio/mpeg"></source>
    <embed height="50px" width="100px"></embed> </audio></div><br /><br />

See Also:

Embed Audio/Video to Blogger Cheatsheet
    (Bookmark this page and copy paste from it!)

Embed Video to Blogger from Google Photos

Embed YouTube Video and Start at Specific Time

2 comments:

You can add Images, Colored Text and more to your comment.
See instructions at http://macrolayer.blogspot.com..