If you are a music blogger, you can easily add Soundcloud widget to your blog to enable your blog readers play and listen to latest music on your blog. This Soundcloud music player widget for websites is an alternative to the Hulkshare music player for websites I shared sometimes ago.
SoundCloud is an online audio distribution platform that enables sound creators to upload, record, promote and share their originally-created sounds. If you are a music lover, the site makes it easy to share uploaded songs with your friends on Facebook, Twitter and via your blog.
In this post, I’m sharing with you, how to add the Soundcloud embeddable music player to Blogger/Blogspot blogs using the Soundcloud widget embed code.
Below is the “Drunk in Love remix” by Beyonce ft Kanye West and JayZ ; to show you a sample of what an embedded mp3 from Soundcloud will look like on your Blogger blog.
How To Add Soundcloud Widget To Blogger
Let’s get started.
==> Go to www.soundcloud.com
==> Search Soundcloud playlists, tracks etc for the song you want to embed
==> Once you see the music track in the search results, click on the “Share” link under the track
==> A new window like the one below will pop up.
==> Click on “Embed“. You will now see the Souncloud code to embed in your blog post.
==> Copy and paste it somewhere eg in a Notepad.
==> Log in to www.blogger.com dashboard and create a New Post.
==> Give the post a title, write the content and paste the code inside the post editor.
==> Click the “Options” icon at the right hand side of the Post Editor. Select “Interpret typed HTML” and click Done.
==> Click on the “Preview” button
==> If it works fine and can see the Soundcloud music player, click “Publish“.
Let me know if it works for you.
Kindly SHARE this with friends.
Questions? Contributions? Kindly relay them via comments.
- Statcounter Tutorial : Add Blog Traffic Stats Tracking Code To Blogger Without Error
- How To Make Blogger Mobile Pagelist Drop Down Menu Display Like Webview
- Blogger Author Profile Widget : How To Edit, Add Links And Make It Appear Below Posts
- How To Make 728 by 90 Ad Banner Show At Center Of Blogger Blog Header