티스토리 블로그 배경음악 넣기

-아직 티스토리는 글 내부에 BGM 넣는 기능만 제공하는 것 같아 외부사이트를 이용해서 BGM을 설정해 보았다.
<방법1 - 1회용 모듈 등록>
장점 : 직접 HTML 소스를 수정할 필요가 없어 스킨을 잘못 건드리는 것을 예방
단점 : 사이드바에서 제거시 새로 등록해야 함
<방법2 - 모듈 영구 등록>
장점 : BGM Player를 여러개 등록 후 쉽게 넣었다 빼는 것이 가능
단점 : 소스를 직접 수정해야해서 잘못건드리면 스킨을 망칠 수도 있음.

<준비 작업>
1.http://www.mixpod.com 에 접속하여 가입

 

2.음악을 검색하여 BGM으로 넣을 곡들을 추가
   ※가끔 한글이 깨져 검색이 안될때는 맨 첫 화면에서 검색하면 제대로 검색이 가능

3.모든 음악을 추가하였으면 Create Playlist 버튼을 클릭

4.Customize 버튼을 클릭한 뒤 마음에 드는 스킨을 선택

5. Settings에서 아래와 같이 자동재생,섞기,반복 옵션을 적절하게 설정

6.Save Playlist 버튼을 클릭하고 Playlist Title 설정

7.SAVE 버튼 클릭

8.Blogger 선택

9.추출된 소스를 복사

10.아래와 같이 <embed> 태그를 제외한 나머지 소스는 지워도 무방

11.스킨의 크기를 조절하고 싶다면 아래 소스 부분의 모든 값을 조절
   -width : 스킨 너비
   -height : 스킨 높이

<방법1 - 1회용 모듈 등록>
12-1.티스토리 로그인 후 플러그인 설정 열기

13-1.배너 출력 플러그인 사용

14-1.사이드바 설정 열기

15-1.HTML 배너출력 추가

16-1.편집을 누르고 이름을 적당히 설정한 뒤 소스를 붙여놓고 저장
   -소스 앞 뒤에 <center>와 </center>를 추가하면 중앙정렬이 되어 깔끔해짐

<방법2 - 모듈 영구 등록>

13-2.</s_sidebar> 검색 후 바로 위 쪽에 소스 붙여넣고 아래 표시한 부분 입력
   -<s_sidebar_element> : 사이드바 모듈 시작 및 종료
   -<!--BGM Player--> : 모듈명
   -<div id="bgm"> : DIV id 설정
   -<center> : 중앙 정렬

14-2.저장 후 사이드바 설정으로 이동

15-2.아래처럼 추가된 모듈을 넣고 싶은 위치에 삽입

<마무리 작업>99.마지막으로 정상적으로 BGM Player가 작동하는지 확인 
마지막으로 BGM Player가 제대로 들어갔는지 블로그를 확인