본문으로 바로가기

[팁] 티스토리 배경 노래 넣기

category Life/TIP 2017.05.07 12:53


 

티스토리 블로그 배경 노래 설정법

  





티스토리 배경 노래 설정법


왜 이런 정보를..?

한창 네이버 블로그를 운영하던 때에 매번 노래를 유료로 구입하고 사용하였다.

물론 유료 결제가 싫다는건 아니다, 헌데 네이버에서 제공해주는 노래를 틀기 위해선 네이버 툴바를 설치해야 됬고,

노래의 다양성이 너무 적었다.

티스토리로 넘어오면서 매번 노래를 넣을까 생각하던 도중에 방법을 찾게 되어 이렇게 포스팅을 해본다.



유의하세요

본 방법은 유투브 영상을 불러와서 재생하는 방식입니다.

이 방법으로 노래를 추가하면, 무료로 어마무시한 종류의 노래를 추가 할 수 있으나,

군대처럼 유투브가 재생이 잘 안되는 특수환경에서는 재생이 잘 되지 않을 수도 있으며,

종종 영상이 시작하기전에 광고가 나오는 경우에는 광고음도 재생되는 오류가 있습니다.


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
-Play PlaylistOnce 재생목록을 한번씩만 재생하는 방식이다.
-Repeat Playlist 재생목록을 계속 반복적으로 재생하는 방식이다.

  • Placement of Player Bar
노래 재생 툴을 홈페이지에 삽입했을 경우 위치 할 곳을 지정하는 옵션이다.
아예 위(top)나, 아예 바닥(bottom) 2가지 옵션밖에 없다.

본 블로거는 Top을 사용중이다.

  • Show Playlist By Default
홈페이지 우측에 노래 플레이리스트를 기본적으로 띄워둘지를 결정하는 옵션이다.
결정 할 경우 아래의 스크린샷 처럼 튀어나와있다.
물론 , 우측상단의 4줄짜리 이미지를 클릭해서 집어 넣을 수 있다.


다 되었다면, 하단의 Done을 눌러서 다음으로 진행하자.



5. 티스토리 블로그에 소스 수정하기


Done을 누르고난다면 위의 스크린샷 처럼 HTML소스를 페이지에서 제작 해 줄 것이다.

그 해당 소스를 드래그해서 복사를 한다.


복사를 한뒤에 자신의 티스토리 블로그 관리 페이지로 들어가준다.

HTML/ CSS 편집 부분을 클릭해서 들어간다.


그런뒤에 HTML부분에 <body>부분 시작부분에 붙여넣기 하면된다.

<body>는 대부분 </head>뒤에 바로 나오니 못찾겠다면 CTRL+F를 눌러 </head>를 검색하거나, <body>를 검색하자.



붙여넣기가 되었다면 상단에 있는 저장을 눌러주고, 블로그로 돌아가서 잘 적용이 되었는지 확인하자.

만약 홈페이지 상단에 플레이어는 생겼으나, 노래가 종종 안나올 경우에는

  • 캐시파일 삭제/ 검색기록 삭제해보거나

  • 해당 영상 YOUTUBE 광고중 일 가능성을 고려하자



한가지 팁을 주자면,

본 블로거처럼 <!-- 적을 내용 --> 을 사용해서 어디에 노래를 넣었는지 표시를 해두면 추후에 스킨이나 블로그를 수정할때 찾기 쉽다.

해당 기호는 주석처리되어서 인식이 안되니 메모해 둘 내용이 있다면 적극 활용하는 것을 추천한다.



포스팅을 마치며

티스토리를 굳이 선택해서 들어온 이유가 "블로그의 자유도"를 찾아서 들어왔다면, 그 말을 잘 지켰으면 좋겠다.

매번 초대장을 달라고 할때 입에 붙은 소리가 " 네이버와 다른 특별함을 찾아서요 " 라는 말이다.


정작 여태 블로그 초대권을 나눠준 22명중 블로그를 제대로 포스팅하고 있는 사람들은 6명도 안된다.

9명은 만들어 놓고 글조차 쓰지도 않았다.

1명은 초대를 수락도 안했으며

6명은 그냥 네이버블로그랑 다를 바 없이 사용하고있다.


그렇게 "특별함"을 외치는 티스토리 블로거라면, 아니면 예비 티스토리 블로거라면 이것 저것 찾아보면서 자기가 직접 블로그를 꾸며 나갔으면 좋겠다.

아참,.. 물론 여기 이 글을 찾아서 들어온 당신이라면 이미 충분히 자기 블로그를 꾸미고 있는 사람일테지만 말이다.











공감버튼 꾸욱!

포스팅이 마음에 드셨다면 밑의 공감 버튼을 한 번 눌러주시면 감사합니다!

티스토리 아이디가 없으셔도 댓글을 작성하실 수 있습니다

눌러주시는 공감과 작성해주시는 댓글은 블로거에게 힘이 됩니다




댓글을 달아 주세요