네이버 블로그 같은 경우 음악 앨범을 직접 구매하고 쉽게 배경음악을 넣을 수 있지만 어디까지나 비용을 지불해야 한다는 측면에서 부담이 있을 수 있지만 티스토리 블로그 같은 경우 사이트 자체 html 코드 수정을 할 수 있기 때문에 내가 원하는 곳에 내가 원하는 음악을 마음껏 틀어주실 수 있는데요 물론 최근 bgm 관련 툴이 여러가지 종류가 생기면서 사용하는 사람도 많아진 만큼 필요하신 분들은 아래 설명들을 잘 따라하셔서 적용해 보시면 좋을것 같습니다
티스토리 배경음악 bgm 넣는 방법
먼저 배경음악 넣기 사이트로 이동해 주신다음 몇가지 작업을 해주셔야 하는데요 해당 사이트로 들어가주시면 다음 그림과 같이 원하시는 티스토리 배경음악 bgm 스킨을 선택해 주실 수 있습니다 마음에 드는 스킨을 선택하고 우측 하단 next 버튼을 눌러줍니다
그다음 음악을 스트리밍 해주는 사이트에 연결을 해주셔야 합니다 물론 음악을 가장 쉽게 들을 수 있고 사람들이 많이 이용하는 유튜브에서 원하는 노래를 검색 하셔서 해당 URL 을 입력 해주시면 됩니다 위에 그림에서 나오는 입력란에 티스토리 블로그 배경음악 bgm 부분에 나타날 제목과 음악 주소를 입력해주면 되는데요 옆에 재생 버튼과 X 버튼을 이용해서 음악을 미리듣거나 삭제 해주실 수 있습니다 원하는 플레이 리스트를 작성하고 우측 하단 next 버튼을 다시 눌러줍니다
혹시 유튜브 음악 URL을 어떻게 넣어야 하는지 모르시는 분들은 유튜브에서 원하는 음악 영상 화면에 마우스를 대고 우클릭 하셔서 동영상 URL을 복사 버튼을 눌러주시면 해당 음악 주소가 복사됩니다 이 복사된 URL을 다시 해당 사이트로 가셔서 SONG LIST 에 입력 해주시면 되는 것입니다
다음은 뮤직 플레이어 설정을 해주시면 되는데요 음악 자동 재생 설정 및 음량 조절 , 반복모드 , 플레이어 버튼 설정 , 위치 조정 등을 해주실 수 있습니다 기본적인 설정 방법은 아래 표를 참고하셔서 이용해 보시면 좋을것 같습니다
Auto Play : 자동 음악 재생
Shuffle Playback : 랜덤 음악 재생
Default Volume : 음악 음량 설정
Repeat Mode : 음악 반복
-> Play playlist Once : 음악 목록 한번씩만 재생
-> Repeat Playlist : 음악 목록 반복 재생
Placement of Player Bar : 플레이어바 위치 설정
-> Top : 상단 위치
-> Bottom : 하단 위치
Show playlist by Default : 재생목록 리스트 표시
위에 플레이리스트 설정을 다 해주셨다면 우측 하단 Done 버튼을 눌러서 티스토리 배경음악 bgm 코드 생성을 해주실 수 있습니다
그러면 위 그림과 같이 BGM 플레이어 코드를 확인하실 수 있습니다 이 코드를 티스토리 html 편집 창을 열어서 붙여넣어 주시면 됩니다
자신의 티스토리 관리자 홈페이지로 접속하시면 스킨편집 메뉴가 있습니다 이 버튼을 누르면 최근 티스토리 업데이트로 인해서 바로 html 편집 메뉴로 들어가진 않는데요
바로 위 그림과 같이 우측 상단을 보시면 html 편집 버튼을 한번더 눌러주셔야 합니다
여기서 </head> 부분과 <body> 가 시작되는 부분에 해당 bgm 코드를 복사하셔서 붙여주시면 됩니다 저장을 해주신 다음 다시 티스토리를 재접속해보시면 되는데요 혹시라도 음악 재생이 잘 안되시는 분들은 새로고침을 해주시거나 캐쉬삭제를 해주시면 문제없이 잘 플레이 되실겁니다
지금까지 티스토리 배경음악 bgm 넣기 방법에 대해서 간단하게 살펴봤습니다 물론 블로그를 꾸밀때 유용하게 사용하는 기능이라서 노래 넣는 방법에 대해서 물어보시는 분들이 많은데요 위 절차를 따라해보셔서 문제를 해결해 보시길 바랍니다 혹시 블로그 관련 추가적인 내용을 알고 싶으신 분들은 아래 글도 참고해 보시면 좋을것 같네요
'돈버는공부 > 티스토리 연구' 카테고리의 다른 글
| 티스토리 가로폭 사이즈 조절 - fastboot , 기본스킨 총정리 (6) | 2018.03.28 |
|---|---|
| 블로그 포스팅 누락 확인 및 검색반영 요청 방법 (0) | 2018.03.26 |
| 블로그 포스팅 개수 몇개가 적당할까? (0) | 2018.03.20 |
| bing 웹마스터도구 rss 등록 해서 티스토리 방문자수 늘리기 (0) | 2018.03.17 |
| css 압축 - 티스토리 로딩속도 단축 하는법 (0) | 2018.03.15 |
