X Close
T Saturday, March 21, 2015

How To Add Soundcloud Embedded Tracks In Blogger

fahim raza 2 Comments so far
How to add Soundcloud embedded tracks in blogger | 101helper

Do you have a music collection? or do you have a collection of music on sound cloud and you want to share your music with others through your blog? and you don't know how to do that, if yes then I can tell you an easiest way to share your music with you audience and increase your fans on sound cloud. You can share your music either as a gadget or in posts but both ways are easy, there is no difficulty at all. So this post is about how to share sound cloud tracks in blogger.



Related post: How to add music player in blogger.

Sharing a single Track:


In case of sharing a single track follow below steps:


Step 1: Go to soundcloud and search for the track which you want to share.


As an example I am sharing "In the end by Linkin park".


Step 2: Just below the track click on share button.



How to add Soundcloud embedded tracks in blogger | 101helper blog

A share box will be opened having some share buttons with a share and an embed section, shown in below image:

How to add music player in blogger | 101helper

Step 3: Switch to Embed tab and choose your music box, below music box click on more options to to enable auto-play or change the color of play/pause button.


How to add music player in blogger | 101helper blog

Step 4: Copy the embed code shown above the music player.


Step 5: Go to blogger dashboard and if you you want to share your music as a gadget then go to Layout > add a gadget > Html/javascript, paste the code of your player and click on save.



Or

In-case of if you are adding your music to your post go to your post, edit it, switch to Html tab and search location for your music player, now paste the code,publish your post and you are done.

See the Demo below:



Sharing a full album or all Tracks uploaded by a User:


Above I have told how to share a single track in posts or as a gadget and you can see a demo also, similarly you can share full album(more than 1 songs) or all the tracks uploaded by a user. Its similar to sharing a single track with a little difference of a list of other songs. So if you are looking for sharing a full album or all the tracks you have uploaded to your account then follow below mentioned steps:

Step 1: Go to sound cloud and search for a full album or a user profile.

As an example I am sharing a profile having title Linkin_park, you can find it here.

Step 2: Just below the profile or album click on share:


Music player for blogger | 101helper blog

A pop-up box will be opened when share button is clicked(similar to the box which had opened at the time of sharing a single track).

Step 3: Switch to Embed Tab shown in below image:


soundcloud Music player for blogger | 101helper blog

Step 4: Choose your desired music player and below the box click on more options for customization like play/pause button or auto-play.

Step 5: Copy the code given above the music player.

Step 6: Go to blogger dashboard and if you you want to share your music as a gadget then go to Layout > add a gadget > Html/javascript, paste the code of your player and click on save.


Or

In-case of if you are adding your music to your post go to your post, edit it, switch to Html tab and search location for your music player, now paste the code,publish your post and you are done.


See a demo of full album below:




That's it all is done, you have successfully added your tracks to your blog.

Adjusting width and height of player:

The customization includes only width and height of the music player. So if you have a congested blog you can adjust your music player according to your needs. To adjust widths and height make changes in the code which you copy from sound cloud. For example I have code shown below:

<iframe width="100%" height="450" scrolling="no" frameborder="no" src="https://w.soundcloud.com/player/?url=https%3A//api.soundcloud.com/users/1818488&amp;color=ff5500&amp;auto_play=false&amp;hide_related=false&amp;show_comments=true&amp;show_user=true&amp;show_reposts=false"></iframe> 

Now all I have to do is to make changes in the highlighted piece of code to adjust the player according to the width and height of my post page. Similar to me you can also adjust your players width and height.

Adding sound cloud profiles to blog not only helps you to get more views on your tracks but you can also get more followers as every player shows a follow button on mouse hover and it also helps you to entertain your visitors while reading your posts. So add your sound cloud tracks to your blog and increase your fans. 

I hope you like this post and this is helpful to you. If you like this post and you think its good then please share it with your friends. Follow and subscribe to get instant blogger tutorials in your inbox. Thanks for visiting 101Helper and keep visiting!

Search tags: Sound cloud followers, Soundcloud views, How to add Soundcloud embedded tracks in blogger, Sharing soundcloud tracks in blogger, 101Helper blogging tricks, How to add music player in blogger.



2 comments :