Tuesday, 4 September 2012

Filled Under:

How to insert audio file into your Wordpress blog

Many of us bloggers quite know how to share pictures so well on our blog, whereas, audios and videos is quite challenging, only the gurus knows how to do this. I remembered when I started blogging, I never knew how to use the picture on blogs, I simply copy and paste at the end of every post. Huh! you laughed at me, it’s not my fault, because I didn't get enough tutorial about this, all I see is that, pictures are properly placed on other blogs, and I also want it to appear on my blog, unfortunately for me, I always got disappointed the way it comes when published. After a little research, I got it right, though not yet perfect about it, but I am trying.

Audios; sounds, music are part of what makes life worth living, many are a time are challenges that will almost drive you mad and crazy, but music cools down stress, that is why I love the Bollywood movies, you get enough love music, lol! Music has a lot in its uses, ranging from merriments, entertainments, information, motivation etc. so much in the list.

The wordPress blog has moved a step higher, and you can now add audio file to your blog, like it happened to me during picture posting, you may also likely need the technical knowhow on how you can share audio file to your blog for your audience.

Before you can be able to share any audio file to your blog, you need to upgrade your WordPress space if you have not done so. WordPress is preloaded with a 3GB free blog space which you can use to upload your writings and picture files, but audio files are usually bigger, that will make you need some more spaces on your wordPress. WordPress has its own rate to giving additional space to giving additional spaces; you can refer to the "WordPress support page."

WordPress supports only four audio types that includes; .mp3, .m4a, .ogg, and .wav

There are four different methods you can use to add audio file to your blog.


Upload an audio file in .mp3, .m4a, .ogg, and .wav format somewhere on the internet, and link it with the WordPress audio short code. Let’s say for example, you find an audio somewhere, or you have successfully uploaded one to a database, simply pick the URL and put [audio...] before it, that is what is going to generate your audio file. For example, [audio http://wpcom.files.wordpress.com/2007/01/mattmullenweg-interview.mp3] and [audio http://en.support.files.wordpress.com/2012/05/mattmullenweg-interview.m4a]. It will generate a player that looks like this:

If the browser you are using does not support HTML 5, the audio file will not be installed; it will just give a direct download link instead of the player, but you have successfully share the audio file to your blog.


This is the second method you can use to insert audio file to your blog, you can upload the file to your media library and insert it directly into your post, you will have to click 'None' button for Link URL and then, insert in your post, just like you do for pictures.


You may also host the file elsewhere, and create a download link for your reader to download and listen on their computers. Make sure you acknowledge your source for copyright while linking the thing together. You brought it from somewhere, though you now featured the audio file to your blog.


Embedding a SoundCloud audio player: This has to do with a lot of HTML coding, and honestly, I dislike coding, but it’s simple anyway.

There are a lot of things to customize in there;

  • Playlist
  • Customizing the Audio Player
  • Color Customization
  • Default Color Options
  • Audio Player Width
  • Inherited HTML5 Audio Options

Note: I could have copied the HTML Coding in here, but it will generate a lot of errors, nevertheless I will lead you to the source in case it catches your attention.

About Author:

This guest post is written by  Olukunle Olumide Mkhonza Moses.  

Guest writer and Blogger Konga Felix, exposes people to Payday loan service and enlighten his audience on how to get an Instant loan from his UK loan service partner.