The Best Tumblr Music Widgets


Here is a list with the best available (and free) Tumblr Music Widgets.  I chose this particular music hosting sites because you can actually choose from a wide range of artists and Tumblr doesn’t have limits as long as the music is hosted somewhere else.  You can add as many playlists as you want and make them play auto or not. This has nothing to do with audio posts, which actually have only a 10mb limit.

UPDATE: If you need to download music from Tumblr read the tutorial.

A List With The Best Tumblr Music Widgets.

Hypster: Hypster has become very popular among tumblr users, due to the availability of well known artists and mainstream songs, the only thing here is that you need to be registered to create the playlist.

GrooveShark: In my opinion this has to be the best Tumblr Music Widget, since it has all the features you look for:  All artists, all songs, endless playlists, customizable colors and size, autplay feature, etc. Go to grooveshark and get the code. (After you choose all the songs and make sure they play properly, there’s an option called Export at the left bottom of the screen, click there and it will take you to the widget edit screen)

BeeMP3: This music hosting site has a really broad range of songs to choose from, with the disadvantadge that you can only add 1 song at a time. Just search the song, artist, or album name, then grab the embed code.

StreamPAD: This site doesn’t host music but instead plays all your audio files that you uploaded to  Tumblr in a Chronological order. Go here to embed this tumblr music widget.

SCM Music Player

Download Tumblr Videos

Adding The Music Widget to Your Tumblr.

Now that you have the embed code, You can either insert the tumblr music widget directly to any of your posts or place it in your blog’s header, footer or sidebar.

  • Insert The Music Widget in a Post: You can publish any type of post and insert the music widget, but always click on HTML on the tools option from the post edit window, then you can paste the code.
  • Insert The Music Widget in a Sidebar: If you want to add the widget in the sidebar, you must first find the following code with control+F <section id=”side”>.   Remember that the tag name can change from theme to theme, this time is side, but it could be, sidebar as well. Now, you must place the embed code between these two additional lines of code.  Don’t break any other sections within the sidebar, or you will break the theme
  • <section>HERE GOES THE TUMBLR MUSIC WIDGET CODE</section>

If you want to add the code somewhere else in your Tumblr but don’t know how, post a comment here indicating your layout (preferably the url that points to the theme download page) and we’ll teach you how to do it.


72 Responses to "The Best Tumblr Music Widgets"

Add Comment
← Older Comments
  1. Ash

    July 11, 2012 at 7:41 pm

    I would like to know how to put the small tumblr widget in the bottom right of my friends blog?

    [Reply]

  2. celina

    July 12, 2012 at 1:38 am

    i want the playlist at the bottom of the page is there a way that can happen

    [Reply]

  3. John

    July 14, 2012 at 7:21 pm

    Hey guys! I don’t know if you’ll see this but I use the termite theme

    and i want to add a playlist, can you help me out?

    [Reply]

  4. Bishop

    July 18, 2012 at 1:34 pm

    I’ve been to Streampad, and when i try to get the code for tumblr, it does nothing? i can install it and all but yea i just need the code!

    [Reply]

  5. Blaine

    July 28, 2012 at 12:43 am

    i got my theme from totallylayouts.com, and your guise says to find where the HTML says ” or sidebar, but mine says neither. i looked through the entire HTML and used ctrl + f but nowhere in my html did it say that. where else can i put it?

    [Reply]

  6. maggie

    August 3, 2012 at 5:23 am

    okay so i made a playlist and have a code but im a little confused on where to put the code. where is the sidebar thing located in the HTML

    [Reply]

  7. sarah

    August 12, 2012 at 5:10 pm

    i got the grooveshark code for a playlist, but i have no idea how to get it to autoplay on my tumblr. please help?

    [Reply]

  8. Ann

    September 9, 2012 at 10:52 pm

    Hi, I use Grooveshark and I managed to put the widget on my profile. However, when I am on my actual blog and when I’m change a page, the music resets. Is there a way to continuously play the music while being able to change the pages?

    [Reply]

  9. dksljfl;sadjf

    September 12, 2012 at 9:46 am

    hi i am using a theme on my tumblr blog by premna.tumblr.com called prince and i try to insert the scm and hypster players into the code like the websites tell me but they arent showing up, can you help?

    [Reply]

  10. irene

    September 17, 2012 at 1:26 am

    How do you turn off the music you have playing on this website?

    [Reply]

  11. Marcus

    October 5, 2012 at 12:05 am

    Mr Tumblr.

    Thanks for your help so far.

    OK, I want to use a player like SCM Music Player, so that visitors can easily see it and will have control over the music, when visiting my blog, but I can’t seem to find out, what site to upload my own (original music) mp3s to, before adding them to the player’s playlist. I clearly understand that you can use streaming sites to add playlists of music, by existing artists to the SCM Music Player. So the music is not hosted on the player. But I want to upload and add my own music to a site first and then I assume I’ll be adding it to the SCM Music Player playlist.
    So I need to know a site where I can upload my own (original music) mp3s to. Are there any free websites that I can use to create – “http://anywebsite.com/music.mp3″? Please help…

    [Reply]

  12. Kevin Carlson

    November 2, 2012 at 6:08 pm

    i have macbook, this download isn’t going to work. is there an alternative?

    [Reply]

  13. Mikah Way

    January 18, 2013 at 12:18 am

    My theme type is http://themes.themaxdavis.com/theme/absolute and I literally went through the ENTIRE code but couldn’t find it… can’t I just add it to the end or in the audio area?

    [Reply]

  14. Tori

    January 26, 2013 at 8:02 pm

    can you please help on where to put the copied link form groove shark? here is the theme download page
    http://www.tumblr.com/theme/20885

    [Reply]

  15. Tas

    February 26, 2013 at 9:28 am

    I want to add a song on my blog in the footer, however when I copy the embed (from groove shark) and paste it on my footer nothing really happens?

    [Reply]

  16. Poon Jenn

    March 13, 2013 at 12:41 pm

    Hey,I’m trying to put a music in my blog and i used SCM Music Player and i enter the code in the HTML and save it and i followed what you say already press control+f and enter the code but nothing is coming out and i don’k know what to do.I hope you will help me!Thank you!:D

    [Reply]

  17. Meowington

    March 17, 2013 at 5:20 am

    Is there any other websites (except for SCM Music Player) that allows you to put your own custom skin CSS?

    [Reply]

  18. Liv

    April 15, 2013 at 3:42 pm

    Hey, I was wonder if you could tell me how to make my playlist auto play on a tumblr using Groove Shark because ITS NOT WORKING! Thanks!

    [Reply]

  19. Halle

    May 16, 2013 at 9:55 pm

    Hi! I am trying to find out what my best option is for putting music onto my tumblr. The way the theme designed, it is suppose to fit in that little tab on my side bar. I was wondering if you know any sites that can work with that? Thank you!

    [Reply]

← Older Comments

Submit a comment

Your email address will not be published. Required fields are marked *

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>