티스토리 블로그 배경 노래 설정법
티스토리 배경 노래 설정법
왜 이런 정보를..?
한창 네이버 블로그를 운영하던 때에 매번 노래를 유료로 구입하고 사용하였다.
물론 유료 결제가 싫다는건 아니다, 헌데 네이버에서 제공해주는 노래를 틀기 위해선 네이버 툴바를 설치해야 됬고,
노래의 다양성이 너무 적었다.
티스토리로 넘어오면서 매번 노래를 넣을까 생각하던 도중에 방법을 찾게 되어 이렇게 포스팅을 해본다.
유의하세요
본 방법은 유투브 영상을 불러와서 재생하는 방식입니다.
이 방법으로 노래를 추가하면, 무료로 어마무시한 종류의 노래를 추가 할 수 있으나,
군대처럼 유투브가 재생이 잘 안되는 특수환경에서는 재생이 잘 되지 않을 수도 있으며,
종종 영상이 시작하기전에 광고가 나오는 경우에는 광고음도 재생되는 오류가 있습니다.
scmplayer.co 사이트에서 처음 리스트를 만든 pc는 기억을 하여서 다음에 들어가면 리스트를 불러와줍니다.
하지만 다른곳에서 작업을 하시고 또 다른 곳으로 이동해서 작업하신다면 리스트를 못 불러오기때문에
작업환경 이동이 잦으신 분은자신이 만든 노래 리스트와 URL를 백업을 해두시는걸 추천합니다.
뮤직플레이어만 뜨고 노래가 재생이 안되는 경우 [도구] - [인터넷옵션]에서 검색 기록을 하시길 권장합니다.
설정법
1. 해당 사이트로 들어간다. <http://scmplayer.co/>
2. CHOOSE SKIN
들어가게 되면 위의 그림처럼 도시화 될 것이다.
- CHOOSE SKIN / EDIT PLAY LIST / CONFIGURE SETTING
CHOOSE SKIN / EDIT PLAY LIST / CONFIGURE SETTING은
노래를 블로그에 HTML소스로 집어 넣기위해서 편집해야 될 3가지 부분이다.
말그대로 스킨고르기 / 플레이 리스트 설정 / 설정 을 의미한다.
스킨 고르기, 맨 처음 보이는 페이지에서는 스킨을 설정 할 수 있다.
- 우측에 보이는 선택버튼
우측에 보이는 선택버튼을 클릭하여 자신이 원하는 스킨을 설정 할 수 있다.
- 4000+ Custom Skins
4000+ Custom Skins 버튼을 눌러 더 많은 스킨들을 볼 수 있다.
다 되었다면, Edit Playlist 또는 하단의 Next를 눌러서 다음으로 진행하자.
3. EDIT PLAYLIST
*Manual Playlist 부분은 건드리지말고 그대로 두면 된다.
이 부분에서는 자신의 사이트에 나올 재생 목록을 설정하는 부분이다.
Song Title
Song Title 은 말 그대로, 본인의 사이트에서 도시화 될, 노래의 제목이다. 본인이 직접 설정이 가능하니 꼭 노래이름이 아니여도 된다.
Song Url
Song Url 은 말 그대로, 유투브나 해당 노래 주소를 적는 곳이다.
이 소스는 영상을 간접적으로 틀어주는 그런 트리거 역활이다.
Song Url은 (유투브 경우) 이런식으로 따오면 된다.
Add More Songs
Add More Songs 은 말 그대로, 노래를 더 추가하는 기능이다.
다 되었다면, Configure setting 또는 하단의 Next를 눌러서 다음으로 진행하자.
4. Configure Setting
여러가지 재생 옵션을 설정하는 곳이다.
Auto play
체크 표시를 할 경우에 블로그에 들어갈 경우 자동으로 노래가 재생된다.
Shuffle Playback
- Default Volume
- Repeat Mode
- Placement of Player Bar
- Show Playlist By Default
다 되었다면, 하단의 Done을 눌러서 다음으로 진행하자.
5. 티스토리 블로그에 소스 수정하기
Done을 누르고난다면 위의 스크린샷 처럼 HTML소스를 페이지에서 제작 해 줄 것이다.
그 해당 소스를 드래그해서 복사를 한다.
복사를 한뒤에 자신의 티스토리 블로그 관리 페이지로 들어가준다.
HTML/ CSS 편집 부분을 클릭해서 들어간다.
그런뒤에 HTML부분에 <body>부분 시작부분에 붙여넣기 하면된다.
<body>는 대부분 </head>뒤에 바로 나오니 못찾겠다면 CTRL+F를 눌러 </head>를 검색하거나, <body>를 검색하자.
붙여넣기가 되었다면 상단에 있는 저장을 눌러주고, 블로그로 돌아가서 잘 적용이 되었는지 확인하자.
만약 홈페이지 상단에 플레이어는 생겼으나, 노래가 종종 안나올 경우에는
캐시파일 삭제/ 검색기록 삭제해보거나
해당 영상 YOUTUBE 광고중 일 가능성을 고려하자
한가지 팁을 주자면,
본 블로거처럼 <!-- 적을 내용 --> 을 사용해서 어디에 노래를 넣었는지 표시를 해두면 추후에 스킨이나 블로그를 수정할때 찾기 쉽다.
해당 기호는 주석처리되어서 인식이 안되니 메모해 둘 내용이 있다면 적극 활용하는 것을 추천한다.
포스팅을 마치며
티스토리를 굳이 선택해서 들어온 이유가 "블로그의 자유도"를 찾아서 들어왔다면, 그 말을 잘 지켰으면 좋겠다.
매번 초대장을 달라고 할때 입에 붙은 소리가 " 네이버와 다른 특별함을 찾아서요 " 라는 말이다.
정작 여태 블로그 초대권을 나눠준 22명중 블로그를 제대로 포스팅하고 있는 사람들은 6명도 안된다.
9명은 만들어 놓고 글조차 쓰지도 않았다.
1명은 초대를 수락도 안했으며
6명은 그냥 네이버블로그랑 다를 바 없이 사용하고있다.
그렇게 "특별함"을 외치는 티스토리 블로거라면, 아니면 예비 티스토리 블로거라면 이것 저것 찾아보면서 자기가 직접 블로그를 꾸며 나갔으면 좋겠다.
아참,.. 물론 여기 이 글을 찾아서 들어온 당신이라면 이미 충분히 자기 블로그를 꾸미고 있는 사람일테지만 말이다.
공감버튼 꾸욱!
포스팅이 마음에 드셨다면 밑의 공감 버튼을 한 번 눌러주시면 감사합니다!
티스토리 아이디가 없으셔도 댓글을 작성하실 수 있습니다
눌러주시는 공감과 작성해주시는 댓글은 블로거에게 힘이 됩니다
'Life > TIP' 카테고리의 다른 글
| [팁] 랜섬웨어가 걱정된다면 (0) | 2017.05.15 |
|---|---|
| [팁] 축농증 비염 탈출기 (NEW) (2) | 2017.05.10 |
| [팁] 대학생이면 윈도우10 edu버전 챙기자 (3) | 2017.05.01 |
| [팁] 군대 사지방에서는 유투브와 크롬이 왜이렇게 느릴까? (12) | 2017.04.27 |
| [팁] 공군에 입대한 친구가 있다면? - 훈련소 정보편 (22) | 2017.04.13 |
