Blog-Support

Inserting mp3s or music files.

posted Sunday, 1 April 2007

Ever thought of inserting your favorite song as an mp3 or other audio file into your blog? Well here you can learn how, it's quick and easy.

Note: This method works by placing a mini-player in one of the gutters. This means that the music file will be (automatically or not) be played all around your blog, in every page and entry. If you want to insert music on a per-entry basis, a better idea would be Podcasts.

Getting started

MP3 files are smaller in size than wav so try and stick to that format of music. Also we'd recommend your music file is no larger than 100kb in size for the benefit of your dialup readers who wouldn't want to wait an age for your blog to load.

To upload your music file login to your Administration interface, click on the Settings tab, then on File Space.

Finally on upload tab.

Click on Browse, navigate to your audio file, then click on Upload. The system will show you some information about the just uploaded file. If the file you created was an MP3, click on MP3's tab to see it uploaded. For all other filetypes, click on Files. The system will show you a list of all the files you have uploaded to your File Space, sorted chronogically (meaning that the one you just uploaded, should be at the top). The URL is the text in gray beneath each filename.

Inserting the music file

To insert the file in to your gutter go to widgets tab and choose Main Site.

You will see this image:

Clicking on it will present you with the different widgets available to you in the widget browser. Go to the second tab General, and choose the HTML Snippet widget (7)

Add this tag <EMBED SRC="fileURL" HEIGHT="40" WIDTH="200">. For example:

<EMBED SRC="http://files.blog-city.com/files/aa/37088/p/f/MyTheme.mp3" "HEIGHT="40" WIDTH="200">

This will produce a 40x200 player to appear at the desired point in the page, which will play the file. Shown below;

Once you have done this give the widget a title like "My Music" and save.

Extra

If you use <EMBED SRC="fileURL" HIDDEN="TRUE" AUTOSTART="TRUE"> instead of <EMBED SRC="fileURL" HEIGHT="40" WIDTH="200">, the player will be hidden, but automatically play in the background.

 

tags:                



Need One-to-One Help?
If you are in any doubt, contact support

Related Posts

Tag Basics

More about HTML tags including anchors and special characters

First HTML Page

Beginners HTML

Inserting mp3s or music files.

Ever thought of inserting your favorite song as an mp3 or other audio file in to your blog? Here are the instructions on how to do so.

How To Create A Podcast

Instructions on how to create a podcast and publish it. Links to software and resources for creating podcasts.

How to add a Flash animation

Instructions on how to add a Flash animation to a blog entry, header, or custom portlet.

Inserting HTML/javascript code to your gutter

Instructions on how to add HTML or Javascript code to your blog's gutter. This can be used for adding AdSense, blog-rings, PayPal Donation buttons, weather pixies, images etc.

How do I put HTML into my blog entry?

If you are using the advanced editor, then you need to make sure you are in HTML mode before you add in HTML, do this by clicking the "html" button along the top.

Inserting images using HTML

Instructions and examples on how to insert an image using HTML. This can be used in the Basic Editor, widgets, headers, and any other fields where you can input HTML.

Paragraphs and Line breaks in HTML

How to work with paragraphs and linebreaks in HTML.

HTML Color Reference

Hex Color codes explained.

How do I upload files to my blog?

Instructions on how to upload files to your blog's file space.

Basic HTML

Although you can use the advanced editor some people prefer to go with the basic one. This can be tricky if you don't know much HTML. Well here we will tell you some basic HTML you can use. From making a word bold to adding images.