Tag Archives: Music
Articles

Tumblr Host mp3 Music Files on External Sites


Tumblr’s music upload limit of 10mbs a day is simply not enough for those that only use Tumblr to post their music.  So an external hosting site is the solution/alternative that Tumblr actually gives you.

This list of sites that externally host audio mp3 files to stream through Tumblr must display the URL with mp3 extension on it to be played by Tumblr’s own music player/widget, so don’t expect to find sites like Grooveshark that only allows you create a music playlist (even hosting your own audio) but not displaying the individual URL for each hosted file.  Remember, you just need to grab the URL, you don’t need to download any music file.

Music Hosting Sites for Tumblr.

  • BeeMP3: Is the most popular audio hosting site for Tumblr users.  Even though it doesn’t actually store music files, it has so many songs in their database that you can certainly search for any famous song and find it there.
  • Other sites:  Any other site that lets you host files can be a potential source to get an mp3 url and then stream it on Tumblr.  Most of them are not free though and once you exceed the bandwith transmission your account gets suspended.

In a few words, the list with all Tumblr Music Widgets works much better since it simple does the same that Tumblr audio player, and you can create endless playlists.  Check them out.


A YouTube Audio Player For Tumblr


We know that Tumblr is widely used to upload and post music, make song playlists and insert Tumblr music widgets all around your theme.  But sometimes you just can’t find the song anywhere but in one of the most visited sites in the world, YouTube.  It may seem an irony, but most of us just want the YouTube video to play music, so why not turning YouTube in a audio player for Tumblr?.  Only a tweak of the embed code is needed in order to get rid of the annoying video screen that noone needs.


UPDATE: Follow this link to find out how to download music from Tumblr.

How To Make a YouTube Audio Player For Tumblr.


  1. Grab the code from the YouTube video clip you want to use to play music.  It looks like this:
  2. <object width=”480″ height=”385″><param name=”movie” value=”http://www.youtube.com/v/4AjScYSuGJ4&hl=en_US&fs=1&”></param><param name=”allowFullScreen” value=”true”></param><param name=”allowscriptaccess” value=”always”></param><embed src=”http://www.youtube.com/v/4AjScYSuGJ4&hl=en_US&fs=1&” type=”application/x-shockwave-flash” allowscriptaccess=”always” allowfullscreen=”true” width=”480″ height=”385″></embed></object>

  3. You can see there are two strings of code that show both the width and height of the video player; width=”480″ height=”385 . We are only interested in the last one.
  4. We must modify this line to make the YouTube Audio Player for Tumblr.  The value height will always be “25″ and the value width will be relative to your tumblr post layout.  In my case I chose “400″ but it could be as smaller though.
  5. Now, paste and replace the the second line width=”480″ height=”385″ for width=”400″ height=”25″
  6. Once in your publish screen, choose whatever type of post you feel like and paste the full youtube code in the html screen.  You can make this screen pop up by clicking on the html button that is located on your post toolbar.
  7. You can not only paste this code into any type of posts, but also in your sidebar, header, or footer in your Tumblelog.

Here is an example of a YouTube music player for Tumblr.

You can also download Tumblr videos with this tool.


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.


Articles

Display The Album Art, Track Name and Artist in your Tumblr Audio Posts

When you publish audio posts on Tumblr and want the Album Cover, Track Name, Artist and Album Name displayed along with the song and the audio player you must insert some code within your theme html, if your layout doesn’t include it already.

Don’t get scared since it’s easy.  Take into account that only the mp3 audio files hosted on Tumblr can be displayed this way (it’s totally different from having a tumblr music player in your sidebar with a pre-built playlist).  You can also tweak the theme css to make this look different, even with a much bigger album artwork, but that’s a thing to write about in another post.

Keep Reading

Articles

30 Songs in 30 Days list for your Tumblr

Keep Reading