내 홈페이지에 사운드클라우드 위젯 삽입하기

페이스북이나 트위터의 경우 구독 위젯이 있습니다. 하지만 사운드클라우드 위젯을 삽입하는 방법은 쉽게 찾을 수 없습니다. 다행히 방법은 있습니다.

1. 사운드클라우드 사이트로 이동합니다.

https://soundcloud.com/

2. 음악 재생이 가능한 페이지로 이동한 다음 현재 URL을 복사하세요.

<iframe width="100%" height="350"
scrolling="no" frameborder="no"
src="https://w.soundcloud.com/player/?
url=MyURL
&amp;color=81bd00
&amp;auto_play=false
&amp;show_artwork=true
&amp;visual=true">
</iframe>

3. 위 HTML 태그 내의 "MyURL"을 복사한 URL로 바꿔줍니다. 아래 URL처럼 되겠습니다.

<iframe width="100%" height="350" scrolling="no" frameborder="no" src="https://w.soundcloud.com/player/?url=https://soundcloud.com/trending-music-kr/sets/electronic&color=81bd00&auto_play=false&show_artwork=true&visual=true"></iframe>

위젯 크기는 자동으로 반응하여 조절되므로 크게 신경쓰지 않아도 됩니다.

기본 색상 값은 color=81bd00 입니다. 자동 재생하려면 auto_play 의 값을 true 로 설정하세요. 기본값은 auto_play=false 입니다.

참 쉽죠!