Updates, Tips, and Things We Like

Be Your Own DJ - Personalize Your Blog With Music

Wed, 11/04/2009 - 12:36PM by sabs 9 Comments - 411 Views


Although OnSugar allows you to upload MP3s to your blog -- just use the audio post type -- I get a lot of emails from folks who want to add songs to their sidebar. While I personally don't recommend loud music that plays automatically, I do love the idea of adding a playlist to your site. It's a fun way to express yourself and it's easy too.

To add music to your sidebar, all you have to do is add some code into a widget. I've gone through some of the options out there, and have rounded up a selection of services for you to try. There's a ton of folks creating music widgets, so if you've got one you like, share it with us below.

Discover our finds and learn how to add the code to your site:

  • Mixpod (used above) gives you many style options and colors, and has a library of songs you can add. You can also select autoplay, and whether or not it can loop.
  • Grooveshark allows you to search for songs, upload your own, and customize your look.
  • MP3 Player lets you upload one song and will give you the code to paste it in. You can choose if it loops and if it autoplays.
  • Last.FM also has some pretty cool widgets, but as of this post, their official widgets page seems to be broken.


Now that you've got the code, how do you add it to your site? Well you could paste it into your post code -- like I've done above -- or you could add it to your sidebar. Here's how:

  1. Click on "Widgets" from your dropdown menu.
  2. Select the column you want to put it in and then select "Text or HTML" from the left. This will pop open a new box.
  3. Make sure you switch to "Raw HTML" mode. Do this by clicking the link below the body box. If you are in Raw HTML mode, you will not see any editing icons.
  4. Paste the code you get from the other websites into the body box. Click "Save Options" and then drag the box you just created into the order you want it.
  5. Navigate back to your blog and view your new music widget in action!

 

Do you use a music player on your blog? Share your music widget finds in the comments below!


1

Thanks!

Wed, 11/04/2009 - 2:07pm

2

i was wondering how to do this! thanks so much!

Wed, 11/04/2009 - 3:04pm

3

btw on the first site (the one used on this post) you can adjust the volume for when it plays which i thought was neat. because i wanted it to play when you go on the site but i hate when theyre really loud.

Wed, 11/04/2009 - 3:31pm

4

Laughing out loud Thanks So Much..It's Good To Used

Wed, 11/04/2009 - 3:44pm

5

How can we add more than one audio player to a single post? So that you can post multiple songs?

Thu, 11/05/2009 - 12:19pm

6

@pappy - right now our audio capabilities only allow you to add one track. this is something we could look at in the future though. thanks for the suggestion!

Thu, 11/05/2009 - 12:30pm

7

love it! thanks

Thu, 11/05/2009 - 4:36pm

8

Cool! For some reason I thought I had to reach a certain level or obtain a certain amount points to be able to put music on my profile.

Have to say though...when I look at someone's profile to read it more often than not...the music drives me nuts. Mostly because there is usually a delay and then without warning Ta Dah...hope you like it.

I will probably pass on this unless I come up with a song I just know everyone will love. I no longer feel like some loser who just didn't have enough points! LOL

Thu, 11/05/2009 - 5:21pm


Post A Comment

To post comments, please log in or register.