336x280(권장), 300x250(권장), 250x250, 200x200 크기의 광고 코드만 넣을 수 있습니다.


가끔 블로그 하다가 노래도 있으면 좋겠다 해서 방법을 찾아보고 적용해봤더니 좋네요.

티스토리 블로그나 HTML 편집이 가능한 블로그에 배경음악 넣는 방법입니다.

http://scmplayer.net/  이 사이트를 먼저 들어가주세요. 많은 분들이 여길 애용하고 저도 검색으로 여기를 다 추천하시길래 이 사이트에서 했습니다.


들어가면 제일 처음 스킨을 고르게 됩니다. 기본적으로 제공하는 스킨외에 다른 스킨을 사용하고 싶으시면 스킨 css 파일을 업로드해서 사용하면 됩니다.

근데 저는 할줄 모르니까 어울릴법한 기본으로 합니다. (당당) 그 다음 오른쪽 하단의 next를 누릅니다. 


그다음은 노래를 넣는 작업입니다. MP3 파일 링크나 사운드 클라우드나 유튜브를 통해 넣을 수 있습니다.

유튜브가 가장 쉬우니 유튜브로 하였습니다. 유튜브에 배경음악으로 넣고 싶은 노래를 검색하신 다음 그 URL을 복사하여 붙여넣기만 하면됩니다.

제목도 복사 붙여넣기 하시면 됩니다. 그다음 오른쪽 하단의 next를 누릅니다.


넘어오게 되면 세부설정이 보입니다. 숫자 써놓은대로 설명하면

1. Auto Play : 체크 하시면 블로그 들어오면 자동으로 노래가 재생 됩니다.

2. Shuffle Playback : 체크를 하시면 노래가 랜덤 셔플되어 재생됩니다. 체크 안하시면 노래를 넣은 순서대로 나옵니다.

3. Default Volume : 볼륨조절입니다. 여기서 볼륨을 정해도 블로그 가면 볼륨을 키우거나 줄이거나 할 수 있습니다. 적당한 값으로 설정하시면 됩니다.

4.Repeat Mode : 반복재생설정입니다. Repeat Playlist 를 선택하면 전체 플레이리스트를 반복재생합니다.

5. Placement of Player Bar : 음악재생 바가 어디에 위치할지 선택하는 메뉴입니다. top은 블로그 최상단 bottom은 최하단에 위치하게 됩니다.

6. Show Playlist by Default : 체크를 하면 플레이리스트가 항상 보이게 됩니다. 체크 안해도 구석에 리스트 아이콘을 누르면 리스트가 뜹니다.

그다음 Done을 누릅니다.

Done을 누르고 넘어오면 HTML 코드가 생성되있습니다. 이코드를 복사합니다.


티스토리 블로그 관리에 꾸미기 메뉴의 HTML / CSS 편집을 들어가서 사진처럼 <body> 태그 사이에 붙여넣기 해주시면 됩니다.

그다음 저장을 해줍니다.

그러면 짠 ! 음악바가 생기고 블로그에서 음악이 나옵니다. 안나오시면 인터넷 쿠키와 기록을 한번 지우고 다시 들어가면 재생됩니다.

끝!

+ Recent posts