How to Add Music to Tumblr Without Displaying a Player

Web pages don't need audio players to play digital music online.

If you ever wanted to present invisible music to a worldwide audience, now you can. Tumblr, the free online blogging site, allows bloggers to add HTML code to their blog posts. One HTML element -- the object tag -- helps developers embed audio inside Web pages. Once you discover how to set the parameters on this tag, you can use it to play background music on a Tumblr blog without displaying a visible audio player.

Instructions

1. Log onto Tumblr and click "Dashboard" to visit your "Dashboard" page. Locate the name of your blog in the upper-right corner of the page and click that name.

2. Click "Customize Appearance," and then click "Theme." The HTML editor opens and displays the code Tumblr uses to create your blog. Scroll through the code and find the body tag.

3. Paste the following code below that tag:

   <object width="1" height="1">
   <param name="src" value="INSERT AUDIO FILE HERE">
   <param name="loop" value="true">
   <param name="repeat" value="true">
   <param name="controller" value="false">
   <embed src="INSERT AUDIO FILE HERE"
   autostart="true"
   loop="true" width="1" height="1" controller="false">
   </embed>
   </object>

   This code creates the HTML object tag that adds an audio player to the blog page. The loop parameter tells browsers to play your music continuously. By setting the “controller” parameter to “false” and the height and width values to "1," you make the audio player invisible. Replace "INSERT AUDIO FILE URL HERE” with the URL of any audio file on the Internet.

4. Click the "Update Preview" button and then click "Save + Close" to save your changes. Tumblr closes the HTML editing window.

5. Click the "Text" button to open the "Add a Text Post" page. This page allows you to create a new blog post. Type a title for the post in the "Title" text box and a few words in the editing box that appears below the "Title" text box.

6. Click "Preview." Tumblr displays a preview of the blog post you created. Your background music plays without an audio player as you view the blog post.

Tips & Warnings

• You can also access the HTML editor by clicking the "Settings" icon shaped like a gear in Tumblr's upper-right corner. Click the "Customize your blog" button that appears when you click the icon. You can then click "Theme" to access the HTML editor.

• Remember that blog visitors will not be able to turn off the background music because the audio player does not appear on the blog page.

References

• Tumblr: Creating A Custom HTML Theme

Resources

• Tumblr Help Center: Integrating with Other Services