add music to your profile!

(NOTE:) All of my layouts default music embed player is 'Soundcloud' based, if you want the 'YOUTUBE' version (which, frankly, allows for more song options) it'll take a couple more steps, but it is below!

/ SOUNDCLOUD /

***Paste this code into your 'Who I'd Like To Meet' section and replace the 'XXXXXXXXXXXXXXXXXXXX' with song url from Soundcloud's embed, not the direct link...
Need visual instructions? CLICK HERE!

'SOUNDCLOUD' MUSIC PLAYER EMBED CODE:
<div class="music"> <iframe width="100%" frameborder="no" src="XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX&color=%23f17c2c&auto_play=true&hide_related=false&show_comments=true&show_user=true&show_reposts=false&show_teaser=true"></iframe> </div>

/ YOUTUBE /

NOTE: With this version, on top of just adding my embed code with your song to the 'Who I'd Like To Meet' Section, there's one more step that needs to be taken.
***As you would the 'Soundcloud' player, paste this code into your 'Who I'd Like To Meet' section and replace the 'XXXXXXXXXXXXXXXXXXXX' with song url from Soundcloud's embed, not the direct link...
Need visual instructions? CLICK HERE!

'YOUTUBE' MUSIC PLAYER EMBED CODE:
<div class="music"> <iframe src="XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX?vq=hd1080&autoplay=1&modestbranding=1&autohide=1&showinfo=0&rel=0&iv_load_policy=3&theme=dark&fs=0&color=white" width="200" height="200" frameborder="0"></iframe> </div>

...but wait, you're not finished yet!

****IMPORTANT****MAKE SURE TO COPY THE 'CSS' CODE BELOW AND REPLACE THE '.music' PORTION OF THE CHOSEN LAYOUT CODE!!!
This code is also customizable, just replace the '######' with the color that matches your layout and add borders if you'd like!
If you want to round the edges of said borders, just change the number ( 0px ) after the border-radius to the desired curve (i.e. 5px).

'YOUTUBE MUSIC PLAYER' CSS CODE:
.music { position: fixed; bottom: 5%; right: 0px; text-align: center; margin: auto; opacity: 1; -webkit-filter:; filter:; border-left: 10px solid ######; border-top: 10px solid ######; border-bottom: 10px solid ######; border-top-left-radius: 0px; border-bottom-left-radius: 0px; background: ######; }

HOPEFULLY, THIS HELPED AND YOU WERE ABLE TO WORK IT OUT!
If you weren't able to figure it out, you've tried everything and you need some help figuring out...just message me on SpaceHey and I'll do my best to help you out!