티스토리 배경음악 설치 / SCM Music Player

     애드 블록에 대하여

 티스토리, 스킨 제작자 그리고 블로거는 랜섬웨어 혹은 기타 바이러스 등의 보안성에 대해 항상 최선을 다해 업데이트하고 있으며,
해당 블로그에서 노출되는 광고는 구글 애드센스의 규칙을 준수하고 있습니다.
 감사합니다.

 

심심한 티스토리 블로그에 배경음악을 넣는게 없을까 하고 검색을 하다 찾게 된 뮤직 플레이어 설치법이네요.

 

방법도 너무너무 간단하고 심플해서 적용도 "뚝딱" 하고 금방 만들어지네요.

 

 

 

??가장 먼저,  http://scmplayer.net/ 로 이동 합니다.

 

사이트로 이동하게 되면 첫번째로 보이는 것이 뮤직 플레이어 스킨 선택입니다.

 

 

 

 

 

 

 

 

 

 

 

* STEP.1 DEFAULT SKINS SELECT (기본 스킨 선택)

마음에 드는 스킨을 좌측 선택 버튼을 클릭하고, 다음 항목으로 이동

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

* STEP.2 유튜브 사이트에서 음악 찾기

마음에 드는 음악을 검색 후 "공유" → 해당 영상 URL 복사

http://www.youtube.com/

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

* STEP.3 플레이 리스트 작성

복사한 URL을 SONG URL란에 붙여 넣고 SONG TITLE을 작성 하시면 됩니다.

(리스트가 부족하면 하단의 Add More Songs 버튼을 클릭하시면 리스트가 추가 됩니다.)

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

* STEP.4 플레이 세부 항목 설정

재생 방법, 볼륨, 반복 설정, 플레이어 위치, 재생 목록 출현 등을 설정할 수 있습니다.

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

* STEP.5 HTML소스 복사

설정 완료 후 나타난 소스를 통째로 복사 합니다.

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

* STEP.6 티스토리 블로그 HTML/CSS 편집

복사한 HTML소스를 Skin.html란의 <body> 밑 부분에 붙여넣어 줍니다.

<s_t3> 밑 부분에 붙여주셔도 됩니다.

<s_t3>란 자바스크립트가 적용 되는 범위라고 하네요.

 

미리보기로 뮤직 플레이어 삽입이 정상적으로 되었는지 확인 후,

저장을 눌러 줍니다.

 

 

 

 

 

 

 

 

 

 

 

 

 

 

* STEP.7 적용 완료

적용 하시면 추가 된 뮤직 플레이어를 확인 가능 합니다.

 

 

 

 

 

삭막한 블로그에 배경음악도 추가하고, 즐겁고 신나는 블로그 생활 되세요.

 

 

 

 

 

+ 추가 글

SCM Music Player 적용 시 티스토리의 블로그 포스트 미리보기가 제대로 되지 않습니다.

text/javascript에 관련된 오류 같네요. 혹시 해결법을 아시는분은 알려주시길 바랍니다.

 

 

 

 

 

 

 

이 글이 도움 되었다면, 손가락 꾸욱~ 눌러주세요.

nkseok

소소한 팁 정보 그리고 일러스트.

    이미지 맵

    Software - Tips/Web & 유틸리티 다른 글

    이전 글

    다음 글