본문 바로가기

IT/인터넷 이야기

텀블러(Tumblr) 블로그에 배경음악(BGM) 넣는 방법

텀블러(Tumblr) 블로그에 배경음악(BGM) 넣는 방법



 오늘의 포스팅은 텀블러(Tumblr) 블로그에 배경음악(BGM) 넣는 방법입니다. 텀블러에 배경음악 넣는 방법이라고 했지만, 티스토리나 워드프레스 등 모든 설치형 블로그에 적용 가능한 방법입니다. 자, 그럼 시작해볼까요? 



1. SCM MUSIC PLAYER 접속


텀블러텀블러


 SCM MUSIC PLAYER는 설치형 블로그에 배경음악을 넣을 수 있는 서비스를 제공하는 곳입니다. 유투브 영상을 이용하는 곳이지요. 위의 링크로 접속해주세요.



2. 원하시는 배경음악 스킨을 골라주세요.


텀블러텀블러


 원하시는 스킨을 고르시고 아래의 NEXT를 누르면 됩니다. 페이지 상단에는 적용 예시가 나타납니다.



3. 원하시는 노래의 유투브 주소를 넣어주세요.


텀블러텀블러


 위와 같은 설정 화면이 나타나는데요. SONG TITLE에는 아티스트의 이름과 제목 등을 자유롭게 적으시고, 옆에 있는 SONG URL에는 해당 곡의 유투브 주소를 적으시면 됩니다. 유투브 주소는 다음과 같이 알아내시면 됩니다.



4. 유투브 영상 주소 알아내기


텀블러텀블러


 원하시는 영상을 찾아주세요. 저는 라디오헤드의 high and dry를 골랐습니다. 그 후 아래에 있는 동영상 공유 버튼을 누르시면 주소가 나타납니다. 이 주소를 복사해주세요.



5. 동영상 주소 입력


텀블러텀블러


 동영상 주소를 입력하게 아래의 NEXT 버튼을 누릅니다.



6. 뮤직 플레이어 설정 마무리


텀블러텀블러


 뮤직 플레이어를 어떻게 할건지 기본적인 설정을 하시면 됩니다.

 1) Auto Play : 자동 재생입니다.

 2) Shuffle Playback : 순서 상관없이 재생입니다.

 3) Default Volume : 기본 볼륨입니다.

 4) Repeat Mode : 반복 재생입니다.

 5) Placement of Player Bar : 뮤직 플레이어의 위치 설정입니다.

 6) Show Playlist by Default : 재생 목록을 보이게 할지 안 보이게 할지 설정합니다.


 자, 설정을 완료 하셨으면 Done 버튼을 눌러주세요!



7. 소스 복사


텀블러텀블러


 소스가 나왔습니다. 해당 소스를 복사해주시고, 텀블러 Customize 페이지로 이동해주세요!



8. 소스 입력


텀블러텀블러

Customize를 눌러주시고~

텀블러텀블러

Edit HTML을 눌러주시고~


텀블러텀블러


 여기서 <body>를 검색해주세요. 그리고 <body> 바로 아래에 아까 복사하신 SCM MUSIC PLAYER 소스를 넣으시면 됩니다. 다 넣으셨으면 저장!



9. 완료!

텀블러텀블러


 정상적으로 텀블러 블로그 상단에 뮤직 플레이어가 설치되었습니다! 재생도 문제 없이 되네요~


 여기까지 텀블러(Tumblr) 블로그에 배경음악(BGM) 넣는 방법을 알아보았습니다. 어렵지 않지요? 혹시 어려운 부분 있으시면 말씀해주세요. 질문은 언제든지 환영입니다. 감사합니다.