본문 바로가기
기타/잡동사니

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

by ITPro 2011. 7. 5.
-아직 티스토리는 글 내부에 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가 제대로 들어갔는지 블로그를 확인

반응형

'기타 > 잡동사니' 카테고리의 다른 글

T wifi Zone 삭제/제거하기  (0) 2014.08.02
아령 운동법  (0) 2010.08.11

바로가기