본문 바로가기
도움되는이야기/티스토리 블로그

티스토리 블로그에 배경음악(BGM) 설정하는 방법

by XaXo 2016. 2. 2.
반응형

블로그에서 좋아하는 음악이 나오면 얼마나 좋을까?




티스토리 블로그  BGM 설정 방법


티스토리 블로그에 SCM 스킨을 이용하여 BGM을 넣어보겠습니다.




1. SCM Music PLayer 사이트 로 이동


무료 BGM 스킨을 제공하는 사이트 ( http://scmplayer.net/ )



2. 마음에 드는 스킨 선택하기


스킨을 선택하고 NEXT 확인




3. 유튜브 홈페이지로 이동


유튜브 공식홈페이지 ( https://www.youtube.com/ )


배경음악으로 사용하고 싶은 음악을 검색 


재생후 동영상 공유 > 노래 주소 코드 복사



4. BGM 재생목록 만들기


SCM Skin 홈페이지로 돌아와 가수 노래 제목 입력하고 아까 복사해둔 코드를 붙혀넣습니다.


원하는 노래를 차례대로 넣어주세요



5. BGM PLAYER 설정


자동재생, 랜덤재생, BGM 플레이어 위치, 노래목록 표시 등 간단한 설정을 체크합니다.


설정이 완료되면 DONE 



6. 코드 복사


해당 HTML 코드를 복사합니다, 설정한 내용이 들어가있습니다.



7. 코드 삽입


HTML/CSS 편집에서 HTML <BODY> 밑 부분에 코드를 붙혀넣으시고 저장



8. 티스토리 블로그로 돌아와 BGM 재생 확인


메인화면으로 돌아와 설정한 위치에 BGM이 제대로 나오고 있는지 확인




반응형