hotlyts home

Adding A Grooveshark Player To Your Tumblr Blog

Like many other music player widgets on the World Wide Web, Grooveshark is fully customizable, and more importantly, free. You can choose from hundreds to thousands of songs, sorted by genres as well. In this tutorial, we are going to show you how to add a Grooveshark music player for your Tumblr blog.

Single song embed

If you simply want to embed one song, here are things you need to do.

  1. Just go to Grooveshark's home page and type the name of the song, artist or album that you want.
  2. Click on the song that you want from the results and then click the Share button.
  3. A pop-up menu will open afterwards. Click on "More (Embed, Reddit, StumbleUpon)" and choose Embed.
  4. Choose the color scheme of your music player widget and the width of the player. You can also click Preview to see what your player will look like.
  5. Afterwards, click Copy to Clipboard.

Playlist embed

If you want to embed a whole set of songs (a playlist) to your Tumblr blog, here is what you need to do.

  1. Go to Grooveshark's home page and sign up for an account. You will need this to add songs to a new playlist.
  2. Search for songs like the way mentioned above. Only this time, instead of individual songs, click on the Add Song button and add it to a New Playlist.
  3. On your playlist, click the Share button. Click on "More (Embed, Reddit, StumbleUpon)" and choose Embed.
  4. Choose the color scheme of your music player widget and the width of the player. You can also click Preview to see what your player will look like.
  5. Afterwards, click Copy to Clipboard.

Installing Grooveshark widget to Tumblr

To install this to your Tumblr blog, simply follow these steps:

  • Go to Settings (gear icon) > (name of your blog) > Customize > Edit HTML.
  • Paste your embedding code inside the tags.
  • Preview the changes if it works, and then click Save.
  • Adding autoplay feature

    While Grooveshark does not explicitly have the autoplay feature (automatically playing songs when you visit your blog), you can manually edit the code using these steps:

    1. On your Grooveshark embedding code, look for a set of six-digit numbers with a "&p=0" at the end of it (i.e. 123456&p=0). There should be two of these in the code. The '0' stands for the seconds. Simply change the 0 into 1 for both the instances.
    2. Preview and test, and then save the code on your Tumblr HTML afterwards.

    Conclusion

    Grooveshark is a great music player widget to add to your Tumblr blog due to the ease of setup and installation. Not to mention that the site offers you a lot of songs compared to other music player widget sites. If you want a great music player widget to your blog, then Grooveshark is a great recommendation.


    Advertisements

    Related Stuff

    1. Email Publishing On Tumblr
    2. About Tracked Tags On Tumblr
    3. Adding Energy Saving Mode To Tumblr
    4. Unblock Users On Tumblr
    5. Easy Keyboard Shortcuts For Tumblr
    6. Adding A Streampad Music Player On Tumblr
    Add Your Comment
    comments powered by Disqus