레이블이 블로그에 bgm인 게시물을 표시합니다. 모든 게시물 표시
레이블이 블로그에 bgm인 게시물을 표시합니다. 모든 게시물 표시

2012년 9월 28일 금요일

[Tip] 블로그에 뮤직 플레이어 설치하기





예전엔 개인 홈페이지나 블로그 싸이에
BGM이 기본이었는데 요즘은 음원 저작권 문제로
사용을 잘 못하고있는데요
물론 네이버 나 싸이의 경우에는 음원을 구입하여
합법적으로 BGM을 설정하긴 합니다
하지만 티스토리나 블로거 등의 경우는 BGM을 잘 사용하지 않죠,
몇몇 블로거들은 세이라디오를 설치하는 경우도 있습니다.

제가 포스팅하는 BGM
뮤직 플레이어의 경우는 유투브를 사용하는 방법입니다.
제가 포스팅하는 방법외에 다른 여러가지 방법도 있으니
구글링 하시면 원하는 방법은 많이 나올겁니다.

우선 제 블로그를 보시면 하단에 플레이어가 설치되어있습니다.



이 플레이어를 설치하는 방법에 대해 포스팅할려고 하는 거죠...

일단은 플레이어를 설치하기 위해서는 저 플레이어를 링크하셔야 겠죠.

주소는 http://j.gs/4zbe
위의 주소로 가셔서 플레이어를 셋팅하셔야 합니다.


다음은 유투브에서 원하는 노래를 선곡해서 플레이 리스트에 담는 과정입니다.

Song title 엔 플레이어에 표시될 가수와 노래 제목 이구요
Song URL은 유투브에 있는 노래의 주소 입니다.
예를 들어
싸이의 강남스탕일 이라면


상단 주소줄의 주소가 Song URL이 되는거죠

이런식으로 원하는 노래들을 찾아서 입력 하시면 됩니다.

하단의 Add more Songs 로 노래를 더 추가하실수도 있어요.

이제 노래를 모두 추가하셨다면
플레이어를 셋팅하셔야 합니다.



Autostart
Shuffle Playback
Default Volume
Autostart 는 접속시 자동 재생
Shuffle Playback 은 접속시 무작위 재생
Default Volume 플레이시 기본 볼륨 입니다.

Placement of the Player 는 플레이어를 상단에 설치할지 하단에 설치할지를
묻는 옵션입니다. 옆에 사이다바에 이런건 안됩니다.
상단은 플레이어 홈페이지와 같이 나오구요
하단은 제 블로그 처럼 플레이어가 설치되어서 보여집니다.

Show Playlist by Default 는 플레이리스트 창을 기본적으로 보이게 할지 숨길지 아니면 최대창일때만 보일질를 묻는 옵션인데요 그냥 NO에 설정하세요.

그런 다음 우측 하단의 DONE를 누르시면
플레이어 소스가 보여집니다.
이런식의 소스가 나오면 복사해서 BODY 부분에 붙여 넣으시면 됩니다.

Tistory 의 경우는 그냥 body 부분을 찾아서 붙여 넣으시면 됩니다.
하지만 Blogger의 경우는 body expr:class='"loading" + data:blog.mobileClass'을 찾아서
바로 뒤에 붙여 넣기하시면 됩니다.

참고로 익스플로러 이외의 브라우져에선 실행이 안될수도 있습니다.