Adding and customizing your music widget on Tumblr.

There are many ways to add music on Tumblr.  From the very own Audio Post in Tumblr itself to the many sites that offer music widgets.

One of the best websites to get an MP3 music player to add on Tumblr is  Register is easy and the most interesting thing is that they seem to have all the albums from the most popular bands.  You can create your own playlist and choose wheter to auto play or not.  Many tumblrs want to make the original Hypster music widget smaller, so it doesn’t take the whole space in the theme.

How to add and customize your music widget on Tumblr.

  • This is the original mp3 player as it appear with the original embed code:

  • If you want to make it look smaller, lets say “hide” the whole playlist displaying only the controls and the song name, you need to edit the code. We are interested in the width and height values, there are two pair of them in the widget, adjust them to something like width:160px and height:15px. You should also get rid of the image tag that is at the beginning of the code. Finally, change newplayer.swf for player.swf This is how it will look like after the tweak.

19 Responses to "Adding and customizing your music widget on Tumblr."

Add Comment
  1. kathe

    January 30, 2011 at 8:48 am

    but , now can i change the color?


  2. daviah

    May 8, 2011 at 5:49 am

    I dont understand how to get the music player onto tumblr.


  3. Alexandra Collado

    November 3, 2011 at 1:35 pm

    I want learn how to add an autoplay background to my tumblog!


  4. dana

    December 9, 2011 at 10:22 pm

    i want to add music to my tumblr :)


  5. Aika Flores

    December 30, 2011 at 3:07 am

    I want to have a music player in my tumblr.


  6. Jena

    January 3, 2012 at 8:17 am

    how do i get it to play automatically when my blog comes up? as of right now you have to click play.


  7. Kylie

    January 12, 2012 at 2:36 am

    What is the code for the smaller playlist???


  8. Haley

    March 16, 2012 at 5:12 pm

    where do i paste it in the html box? do i put it above the tag?


  9. Molly

    May 13, 2012 at 4:55 am

    Um……Thanks just one question is there a more easier way to put music on tumblr?


  10. Jamie

    May 19, 2012 at 6:01 pm

    im trying to add music to my tumblr page


  11. Nyakio

    May 21, 2012 at 12:47 am

    The reason Hypster has all of the songs you could ever want is because they get it from YouTube, in case you were wondering. You could even upload your own video to YouTube and put it on your playlist.


  12. JayKay

    June 1, 2012 at 9:17 pm

    Hypster is a great website for music- hands down! So much variety of music and the best thing is that Hypster has music videos that automatically play when you add your song to your playlist. Adding Hypster music player to a Tumblr page makes your page look much better.


  13. Dylan

    July 10, 2012 at 2:53 am

    i want music in my tumblr


  14. Krissie-Chan

    August 10, 2012 at 1:13 am

    Where do I find the code?


  15. NucaBakhutashvili

    September 24, 2012 at 8:18 am



  16. Sveinborg Ólafía Sveinsdóttir

    September 29, 2012 at 12:12 am

    i want to add music to my backround on tumblr :D


  17. chloe wear

    November 3, 2012 at 9:05 am

    i would like to know how you add music to my blog without signing up to and account


  18. Too Trill

    November 25, 2012 at 11:48 pm

    I’ve recently, within the last week or so, made a playlist using Hypster and I really liked how fast and simple it was. But in the last couple of days the site doesn’t work as it did before. It keeps showing as an error page. Could you please help me with finding a site that works justas well.



  19. Nessa

    February 27, 2013 at 10:41 pm

    hypster has a new website.. will they still allow you to add it to tumblr? is so, can you help? because i can’t figure it out.


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>