While you can create private Tumblr posts for any post type if you want to publish media and documents that only you can see, to play a song for your blog visitors from a hidden player, you need to embed a music player widget in your theme. Obtain free widgets from services like Hypster, SCM or Streampad. If you hide the widget, make sure to enable the “Autoplay” attribute when generating the code so your music begins to play automatically when your blog is viewed.
Private Audio Post
Click the “Audio” post icon in the top navigation menu of your Tumblr dashboard to open the New Audio Post screen.
Click the “External URL” tab, and then type or copy and paste the URL to a shared song or playlist. Click the “Search” tab, type the song title, album title or band name in the Search box, and then select an entry returned in the search results to select a track or playlist from the Tumblr catalog. Click the “Upload” tab, click the “Choose File” icon to open the file selection dialog box, and then browse to and click on an MP3 file to upload the track to the post. You can also simply drag and drop an MP3 file from your computer onto the Choose File icon.
Click the drop-down arrow next to the "Post” button, and then click “Private.” The Post button label changes to “Create Private Post.”
Click the “Create Private Post” button to publish the private post to your timeline.
Embedded Audio Player Widget
Open the audio player widget site in a browser (see Resources). Some sites require that you create an account to generate widget code, while others do not.
Follow the site instructions to choose the color scheme and look of the player, and then generate the HTML code for the player widget. Note that for sites like Hypster, you must have a saved song or playlist to add to the widget in order to generate the code.
Copy the widget code to your clipboard by clicking the “Copy” or “Copy to Clipboard” option, if available. If no Copy button is available, select all characters in the code, and then press “Ctrl-C” to copy the code to the clipboard.
Log in to your Tumblr dashboard, click the name of the blog to edit in the right sidebar, and then click the “Customize” link to open the blog theme for editing.
Click the “Edit HTML” link to open the theme code in the editor.
Right-click in the theme code at the desired location for the widget, and then click “Paste” from the context menu to paste the code into the HTML theme code. Follow the instructions for the specific audio player you are using. For some players, you must embed the widget code before the "</head>" tag, while for others, you must embed the code in the "<body>" tag.
Change the “Visibility” attribute in the widget code to “hidden.”
Click the “Update Preview” button to preview the widget, click “Save” to save the changes, and then click “Exit” to close the Customize tool.
- Click the “Autoplay” check box when generating the player widget code. Alternatively, insert the "autoplay=1" attribute in the widget code to enable the feature. If the widget is hidden, the user has no way to control the player, so you must automatically start the music.
- Tumblr audio posts support MP3s up to 10MB in size.
- You can insert some players, like Hypster, into the Description box in the Customize panel.
- Thomas Northcut/Digital Vision/Getty Images