Tumblr has long been a haven for bloggers, creatives, and music lovers alike. With its flexibility and customization options, it can be a powerful platform for expressing yourself—not just through words and visuals, but also through sound. Embedding your favorite Spotify tracks, playlists, or albums into a Tumblr post lets you share your latest music obsessions with your followers, enhancing your blog’s mood and personality.
TL;DR: Want to share a Spotify song on your Tumblr blog? It’s easy! Just grab the embed code from Spotify, switch your Tumblr post to HTML edit mode, and paste it in. With a few simple steps, your readers can listen to your music picks right from your blog post.
Why Embed Spotify on Tumblr?
Before we dive into the “how,” it’s worth considering the “why.” Tumblr is highly visual, but it’s also personal—and what’s more personal than music? Here are a few reasons you might want to add Spotify embeds to your posts:
- Enhance the storytelling in your blog by adding a relevant soundtrack.
- Share music recommendations with followers and fellow fans.
- Curate playlists to express moods, themes, or creative vibes.
- Promote your own music if you’re an artist with content on Spotify.
Now, let’s get to the fun part: how to actually embed Spotify music into your Tumblr posts.
Step-by-Step Guide: Embedding Spotify Music on Tumblr
Follow these steps to add a Spotify track, playlist, album, or even a podcast directly into a Tumblr post:
1. Find Your Spotify Content
Go to the Spotify app or website and locate the track, album, playlist, or podcast episode you want to embed. Click on the three dots (more options) next to the title.
Then, from the dropdown menu:
- Go to “Share”
- Select “Embed”
This will generate a customizable embed preview of your chosen content.
2. Customize Your Embed (Optional)
Before copying the code, Spotify allows you to customize the appearance slightly:
- Choose between light and dark theme.
- Select the embed size.
Once you’re happy, click “Copy” to grab the HTML embed code.
3. Go to Tumblr and Create a New Post
Head over to your Tumblr dashboard and click on the “Text” post option (or “Post > Text” if you’re using the newer Tumblr interface). Tumblr supports HTML, but you have to toggle to the right mode to use it.
4. Switch to HTML View
In the compose window where you write your post content:
- Locate the settings or menu icon – it looks like a gear or three dots in the post editor.
- Click on it and choose “Edit HTML”.
This switches your post into HTML edit mode, where you can paste code.
5. Paste Your Embed Code
Paste the Spotify embed code you copied earlier directly into the HTML. You can place it at the beginning, middle, or end of your post—wherever it fits your content best.
If you’re mixing text and music, you can come back and write around it in the rich text editor after inserting the embed.
6. Preview and Publish
Switch back from HTML mode to see how it looks in preview. If everything appears as expected, hit the “Post” button, and your music will now be live on your Tumblr blog!
Tips for Better Music Posts
Here are a few bonus tips to make your Tumblr posts even more engaging when embedding Spotify:
- Add context. Write a short blurb or description of why you’re sharing the track or how it connects to your post.
- Use tags wisely. Tag artists, musical moods, and genres to maximize visibility and help others find your posts.
- Create themed collections. Curate playlists based on blog series or creative projects.
- Pair with visuals. Include album art, custom graphics, or photography to match the music vibe.
Troubleshooting Common Issues
Can’t find the HTML view? Tumblr occasionally updates its editor interface. If you’re having trouble switching to HTML, try using the browser version instead of the mobile app. Desktop interfaces tend to have more editing options.
Post not displaying the player? Make sure you pasted the full embed code correctly. Also, ensure privacy settings or browser extensions like ad blockers aren’t interfering with the embed functionality.
Spotify embed not responsive? The default Spotify iframe may not resize well on mobile. Consider customizing dimensions or integrating a responsive wrapper if you’re using a custom Tumblr theme.
Using Spotify Links Without Embeds
If you prefer not to use the full embed, you can still link to songs directly as a clickable text:
<a href="https://open.spotify.com/track/EXAMPLE">Listen on Spotify</a>This keeps your Tumblr cleaner and lighter while still directing followers to your tunes.
Extras: Embedding Spotify in Tumblr Themes
If you’re a more advanced user and want the Spotify player to appear in your blog sidebar or homepage (not just in posts), you can embed the same code in your blog’s HTML theme settings.
- Go to your blog’s settings and click “Edit Theme”.
- Find the appropriate spot in the layout (sidebar, footer, etc.).
- Paste the Spotify embed code directly into the HTML.
- Save and preview your changes.
This method keeps the music player visible across all pages of your blog, making it perfect for mood boards or curated blogs.
Image not found in postmetaConclusion: Let the Music Flow
Embedding Spotify music into Tumblr can elevate your blog experience, allowing you to combine sounds with visuals and storytelling. Whether you love sharing obscure tracks, curating themed playlists, or promoting your band, the Spotify embed feature offers a dynamic way to connect.
What’s even better? It takes just a few steps to get it done. With HTML basics and a bit of creativity, your blog can become a multisensory destination for your followers.
So next time a song hits you right in the feels, don’t just tweet it—embed it, blog it, and let others tune in.