Adding and customizing your Hypster.com 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 Hypster.com.  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 Hypster.com music widget on Tumblr.


  • This is the original Hypster.com 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.




3 Responses to "Adding and customizing your Hypster.com music widget on Tumblr."

Add Comment
  1. daviah

    May 8, 2011 at 5:49 am

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

    [Reply]

  2. 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.

    [Reply]

  3. 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.

    Thanks

    [Reply]

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>