[티스토리/Tumblr/BGM/SCM music player] 설치형 블로그에 배경음악 플레이어를 넣어보자!

+ 20130401갑자기 플레이어가 재생이 안되길래확인해보니까 동영상이 삭제된 노래들이 많더라구요 ㅎㅎ유튜브는 저작권 때문에 주소가 자주 잘리기 때문에...재생이 안된다 싶으면 주소 확인 해주세요 ~

- 티스토리 블로그 상단에 SCM Music Player를 설치한 모습

티스토리 블로그를 쓰면서 노래를 못 넣는게 제일 아쉬우셨죠?

저도 노래 넣으려고 다양한 방법을 시도해봤는데

페이지 이동할 때마다 새로 재생되는 바람에

꽤 오랫동안 포기하고 살았는데요

그런데 우연히 다른 티스토리에서 SCM뮤직 플레이어를 보고 냉큼 설치해봤어요

그럼 설치하는 방법 알려드릴테니까 따라해보세요 ㅎㅎㅎ

절대 어렵지 않아요!!!

우선 손가락 꾸욱♡

1. SCM 뮤직 플레이어 사이트에 들어가세요

http://scmplayer.net/

2. Choose Skin

블로그 분위기 따라서 다양하게 바꿔가며 쓸 수 있어요 ㅎㅎ

원하는 스킨을 선택하고 Next 버튼 누르세요!

또는 http://playlist.me/skins/ 들어가셔서,

마음에 드는 스킨 선택하고 'Player' 탭 누르시고

그대로 진행하시면 됩니다.

3. Edit Playlist

우선 유튜브(http://www.youtube.com) 가셔서

원하는 노래의 영상를 찾으시고

영상 아래 공유 버튼을 눌러 주소를 복사해주세요

그다음 아래 이미지처럼 SONG URL에 주소를 넣어주시구요

SONG TITLE에는 가수 이름과 노래 제목을 자유롭게 넣어주세요

다 넣었으면 Next 버튼!

4. Configure Settings

여기서는 플레이어 설정을 자유롭게 해주시면 되요

Autostart : 블로그 들어갔을 때 자동 재생

Shuffle Playback : 노래 순서와 상관없이 랜덤으로 재생

Default Volume : 노래 기본 음량

Placement of Player Bar : BGM 플레이어 위치

Show Playlist by Default : 노래 목록 표시 여부

저는 아래 이미지처럼 설정했어요 ㅎㅎㅎ

설정 다 하셨으면 Done 버튼 눌러주세요!

5. 완성된 소스 복사하기

완성된 소스가 나왔어요!

소스를 긁어서 복사해주세요

6. 스킨 적용 하기

- 티스토리 -

블로그 관리(admin) 페이지에 가셔서 스킨 수정 페이지로 가주세요

(티스토리는 html/css 편집 메뉴)

html 탭에서 <body> 부분을 찾아주세요!

body 바로 아래에 복사한 소스를 넣어주시고 저장하면 끝 ><

- 텀블러 -톱니바퀴 모양을 누르고 들어가세요다섯 번째 탭인 자신의 텀블러 이름을 누르면오른쪽 화면처럼 뜨는데요 Customize 누르세요

왼쪽 메뉴에서 Edit HTML

1060번째 줄에서 body를 찾으세요

body 바로 아래에 복사한 소스를 넣어주시고 저장하면 끝 ><

꼼꼼하게 쓴다고 노력했는데...쉽게 따라 하셨는지 모르겠어요혹시 모르는 부분 있으시면 댓글 주세요바로 바로 답글 드립니당 ㅎㅅㅎ

'blog > tip' 카테고리의 다른 글

블로그 메인 페이지에 내 트위터, 플리커의 데이터 불러오기 (6)	2013.01.21
입력하지 않고 키면 바로 로그인 되있게 하기(자동 로그인)_다음, 네이버, 티스토리, 구글, 야후 (2)	2013.01.21
배경음악 태그 + 명령어 속성 (0)	2013.01.21

뚱끼네 🐈

[티스토리/Tumblr/BGM/SCM music player] 설치형 블로그에 배경음악 플레이어를 넣어보자!

'blog > tip' 카테고리의 다른 글

티스토리툴바

[티스토리/Tumblr/BGM/SCM music player] 설치형 블로그에 배경음악 플레이어를 넣어보자!

'blog > tip' 카테고리의 다른 글

'blog/tip' Related Articles

티스토리툴바