본문 바로가기

Blog 이야기/블로그 꾸미기팁

[블로그 꾸미기팁] 설치형블로그에서 음악 재생하기 -SCM Music Player



HTML을 자유자재로 사용할 수 있는 설치형 블로그는 종류가 다양하지만

그중에서 가장 많이 알려진 것은 티스토리, 이글루스, 텀블러, 워드프레스가 아닌가싶습니다.

이러한 설치형 블로그에서 내가 원하는 음악재생을 할 수 있는 방법! 지금부터 소개하겠습니다.


바로 SCM Music Player입니다.

이 플레이어의 특징은 유투브링크로 재생이 된다는 것인데요~ 

유투브 링크이니 저작권문제에서 자유롭고 

내가 원하는 음악을 골라 들을 수 있고 게다가 공짜이니 일석삼조 아닌가요?

링크 : http://scmplayer.net/


링크로 가시면 저렇게 타이틀에서 보실 수 있는 다양한 플레이어 모양을 볼 수 있습니다.

저 플레이어 모양 중 원하는걸 선택 하시면 다음 화면으로 이동하게 됩니다.



먼저 원하는 노래의 제목 (Song Title)과 Song URL을 적습니다.

노래 주소는 유투브에서 공유를 눌렀을 때 뜨는 URL을 적으면 됩니다.

원하는 노래가 많을 경우에 칸을 더 늘일 수 있기 때문에 걱정하지 않으셔도 됩니다.



다음 화면으로 넘어가면 원하는대로 선택 할 수 있는 부분이 나옵니다.


Auto Start (자동재생)

Shuffle Playback (랜덤재생)

Default Volume (볼륨선택)

Placement of Player Bar (플레이어 위치)

Show Playlist by Default (플레이어 리스트 표시 여부)


여기까지 체크가 끝났으면 다음으로 넘어가주세요!





다음으로 넘어가면 소스가 만들어지게 됩니다. 이것을 <body>안에 넣어주시면 됩니다.

그럼 실전으로 들어가서 넣어보겠습니다.




먼저 티스토리입니다.

관리 > HTML/CSS 편집 탭으로 가서 Ctrl+F를 눌러 body를 찾아가시면 됩니다.




그러면 이렇게 적용이 완료됩니다!


두번째로는 Tumblr에서 적용해보도록 하겠습니다.



제 텀블러에요. 썰렁하죠? :-P



Customize > Edit HTML에서 아까와 같은 방법으로 <body>를 찾아 그 안에 소스를 넣어줍니다.


텀블러는 이렇게 글씨 색이 달라서 보기가 편하군요!



텀블러에도 이렇게 플레이어가 적용이 되었습니다. 


세번째로는 이글루스였는데요~

여기서 문제가 발생했습니다.

<body>를 아무리 찾아도 못찾겠더라구요 ㅠ

혹시 아시는 분이 있다면 꼭 좀 도와주세용 ㅠ 이글루스에도 플레이어 설치하고싶어요!!><


티스토리를 운영함에 있어서

도움이 많이 되셨으면 좋겠네요!