How to add Music file and Audio Player in Blogspot Blog

Posted by chiasedamme on Wednesday, March 20, 2013

add Music file and Audio Player in Blogspot
Blogspot Music Player

Import the Audio Files to Your Web:


  1. Start FrontPage and open your Web.

  2. Under Folder list, right-click the root folder (or another existing folder in which you want to create the new folder), and then click New Folder.

  3. Type a name for the new folder, and then press ENTER.

  4. Select the new folder that you just created.

  5. On the File menu, click Import.

  6. Inthe Import dialog box, click Add File.

  7. Inthe Add File to Import List dialog box, locate and select the audio files that you want to import, click Open, and then click OK

Create a Hyperlink to the Audio Files in Your Web

  1. InPage view, open the Web page in which you want to insert the hyperlink.

  2. Type the text that you want to use as a hyperlink, and then select the text. For example, type My Favorite Song.

OR

If you want to use the location and name of the audio file as the hyperlink text, position the insertion point where you want to insert the hyperlink. Then, type http://local host/file name.

  1. On the Insert menu, click Hyperlink.

  2. Browse to the folder that you created and which now contains your audio files, select the file that you want, and then click OK.

NOTE: You can also drag the audio file from the Folder List window to the position on the Web page at which you want to insert the link. FrontPage creates the hyperlink for you.

-OR-


Step 1: First, upload the music file to any free file hosting servers on the net. Once you upload, they will provide you with a direct link to that music file.


[http://sample-server.com/uploads/from-the-moon.mp3]


Step 2: You can add the music player anywhere you want in your Blogger blog..

Sidebar: If you want to add in sidebar, go to Design --> Add a gadget --> HTML / JavaScript --> and paste the code and save it.
Blog Post: If you want to embed music file to any specific blog post, Paste the code in 'Edit html' mode and save it.

Step 3: Done / Enjoy

Clarification code above:

width: width of the music player
height: height of the music player
autostart: values : false or true
MUSIC FILE URL: the direct link to your music file
In this example, MUSIC FILE URL is

{ 0 comments... read them below or add one }

Post a Comment