다양한 정보 (꿀팁)/정보공유 및 생활꿀팁

<꿀팁모아 : 129번째 포스팅> 티스토리 블로그 BGM 넣는 방법?

희망주기 2022. 1. 9. 00:37
반응형

<꿀팁모아 : 129번째 포스팅> 티스토리 블로그 BGM 넣는 방법?

안녕하세요 꿀팁모아의 희망주기입니다

 

오늘 알아볼 주제는 티스토리 블로그에 배경음악을 넣는 방법인데요

 

SCM Music Player

1 서론 

   티스토리 블로그를 운영하는 분들을 한해서 블로그 BGM을 넣는 방법을 알려드릴려고 합니다. BGM을 넣는 이유는 블로그에 좀 더 생기있고 고급적인 블로그로 만들려고 하는 이유입니다. 또한, 블로그에 BGM을 넣게 되면, 블로그 방문자에 한해서 내가 들어보지 못한 노래를 들을 수 있으며 글을 읽을 때도 지루함을 없앨 수 있습니다. 그렇다면, 티스토리 블로그에 배경음악을 넣는 방법이 무엇이 있을까요? 넣는 방법은 정말정말 많고 많지만 그 중에 오늘 소개해드릴려고 하는 방법은 어느 한 웹사이트를 참고하는 것인데요. 그 웹사이트는 바로 SCM Music player입니다. 

 

2 본론

  2-1 SCM music player 

 

  SCM은 Service Control Manager의 약자로 서비스 컨트롤을 매니저하는 툴인데요. 여기에 추가적으로 음악이라는 설정 버튼을 추가하여 음악을 재생하는 것으로 Scm music player의 서비스가 등장한 것입니다. 그렇다면, 가장 먼저해야 될 것은 사이트 접속입니다 

 

https://www.scmplayer.net/

 

SCM Music Player - seamless music for your website

Tumblr Music Player for 2021. SCM Music Player is a free and open source web music player, that brings a seamless music experience to your website. Support Tumblr, Blogger, Weebly, Tistory and more. Continous Playback Cross Pages - Seamless playback throug

www.scmplayer.net

  2-2 Choose Skin 

 

  Scmplayer 사이트에 들어가게 되면 다음과 같이 화면이 뜨는데요. 

 

 

SCM Player 홈페이지

   먼저, 해야될 것은 스킨을 고르는것인데요. 블로그에 어떠한 디자인으로 나오게 할 것인지 결정하는 것입니다. 지금 위에 보시는 것처럼 다양한 색깔이 존재하지만 만약에 다른 색깔을 고르고 싶다면 아래에 Custom color가 존재하는데 4000가지 이상의 색깔이 존재하는데 그 중에 본인이 생각하기에 블로그와 어울리는 색깔을 고르시면 될 거 같습니다. 저는.. ㅎㅎ 귀찮아서 그냥 파란색 색깔을 골랐습니다. 

 

   2-3 Edit Player 

 

   스킨을 고르셨다면, 이제 당연히 음악을 넣을 차례가 맞겠죠? 스킨을 고른후, 제일 아래쪽 하단 우측에 보시면 next 버튼이 있습니다. 못찾겠다면 그냥 Edit Player list를 클릭해주시면 됩니다. 누르게 되면 다음과 같이 뜨게 됩니다. 

 

Edit Playlist

Song Title은 말 그대로, 음원의 이름을 설정하는 것입니다. 음원의 제목을 입력하셔도 되고 편의상 자기가 원하는대로 명칭을 붙여서 쓰시면 됩니다. 이후, 음원을 넣기 위해서는 3가지 형태로 넣을 수 있는데요. MP3 링크, SoundCloud Track 그리고 유투브 링크가 있습니다. 그중에서 저는 유투브로 하는 방법이 제일 간단해서 유투브 링크로 하였는데요. 유투브에 본인이 넣고 싶은 음원을 검색창에 적고 나서 그것을 클릭합니다. 그리고 나서, 유투브 영상 아래에 공유버튼을 누르게 되면, 본사이트에 대한 링크가 나오는데 복사를 해주시고 위의 사진처럼 링크를 남겨주시면 됩니다. 

 

  2-4 Configure Setting 

 

  음원을 다 고르시고, 링크를 다 복사 붙혀넣기를 다 하셨다면 next 버튼이나 Configure Setting 버튼을 눌러주시면 됩니다. Configure Setting 창으로 넘어오시게 되시면, 다음과 같이 창이 뜹니다. 

 

Configure Setting

Configure Setting 창으로 넘어오셨다면, 설정을 하셔야 되는데요. Auto Play는 말그대로 v 버튼을 해주시면 블로그에서 자동으로 재생되는 시스템입니다. 셔플 playback의 경우 랜덤재생에 해당됩니다. Default Volume의 경우 블로그에서 음악이 재생될 때 어느 정도의 음량으로 나올지 결정하는 것입니다. Repeat Mode의 경우 음원을 선택한 리스트에서 어떠한 형태로 재생이 될 지 결정하는 버튼입니다. 마지막으로 Appearance 의 경우 블로그의 상단 하단 그리고 옆에 존재할지 말지 결정하는 버튼입니다. 

 

   2-5 티스토리 블로그에 html 추가하기 

Scm playerlist HTML

설정을 다하신 후, Done 버튼을 넣게 되면 html 형식의 소스코드가 나오게 됩니다. 이것을 본인 티스토리 블로그 스킨 편집으로 들어가 html 편집버튼을 누르시고 <head> 와 <head/>사이에 소스코드를 그대로 복사 붙여넣기 한 후 적용버튼을 클릭하시면 블로그에 음악 리스트가 생성이 되었을것입니다! 

 

이상 도움이 되셨다면 한번씩 공감 한 번 부탁드릴게요 

 

감사합니다 꿀팁모아의 희망주기였습니다. 

반응형