블로그에 뮤직플레이어를 달아보자~!

자주 가는 외국 블로그에 뮤직비디오가 설치 되어 있더군요.

위젯 형식으로 예쁘게 달려있기에

저건 어떻게 하는건가 궁금증을 해결하기 위해 직접 제 블로그에 달아보기로 합니다.

그러기 위해서는 가장 먼저 소스를 제공해 주는 사이트를 찾아가야 하는데..

http://www.mixpod.com/

위 주소로 가시면 됩니다.

요즘 대세인 Social Network Communication (snc) 이용한 사이트인데 

외국사이트이긴 하지만 기본 중학생영어 정도 하시면 이용하는데 전혀 무리가 없습니다.

하지만 그래도 어려워 하시는 분이 있을 듯 싶어 찬찬히 설명드리도록 하겠습니다.

참고로 뮤직비디오 플레이어가 제 블로그 카테고리에 설치가 되어있답니다.(음표부분 클릭하면 뮤직비디오도 나옵니다.^^)

---

일단 회원가입까지 다 되어있다는 상활에서부터 시작하겠습니다.

참고로 회원가입하는 방법은 오른쪽 상단 검색창 아래 Sign up 로 들어가서 하면 됩니다.

들어가보면 왜 따로 설명을 하지 않았는지 바로 이해가 될 정도로 상당히 간단합니다.^^

회원가입이 되고 로그인을 하게 되면 상단 메뉴중 Create Playlist 로 바로 들어 갑니다.

그러고나면 위의 사진처럼 노래를 선택하는 창으로 이동이 되는데 여기서 맘에드는 노래를  "+" 표시를  클릭해서 추가 하시면 됩니다.

---

그럼 위의 화면처럼 플레이어에 노래 리스트가 보이게 됩니다.

참고로 플레이어의 스킨에 따라 뮤직비디오가 있는 노래들이 등록이 안될수도 있습니다.(이런경우 스킨을 바꿔주면 됩니다.) 

---

---

음악을 담았으면  2.Customize로 들어가서 스킨을 선택하고 빨간색 사각부분을 클릭해서 원하는 색상으로 스킨을 바꿔줍니다.

위 화면처럼 자신의 블로그에 맞게 색상을 세팅해주면 되는데
원하는 색상이 없을때에 나중에 태그 부분에서 색상만 따로 변경해 줄수 있으니 대충 넘어갑시다.

---

Settings 메뉴는

오토플레이(블로그 열자마자 노래가 나올것인지 플레이어를 작동시켜야 나올것인지 설정)

셔플(목록을 섞어서 보여줄것인가), 뤂(반복),프라이버서,볼륨(작동하는 플레이어 기본 소리크기)

이렇게 구성되어있는데 각자 취향에 맞게 설정해 주면 됩니다.

그리고 나서 빨간색 사각부분을 클릭해 설정을 저장해 줍니다.

---

이부분은 자신이 만든 플레이리스트에 대해 분류를 해주는 부분인데 간단하게 적어주면 됩니다.
첫번째는 플레이리스트 제목
두번째는 설명 (예: 행복한안경사가 좋아하는 팝)
카테고리는 원하는곳에 클릭
플레이 리스트 태그는 (pop,sad,joy...) 그리고 나서 코드를 받으면 됩니다.

---

 

 
대부분 블로그 이용자이기 때문에 블로거로 설정해 주시면 거기에 맞는 태그가 나옵니다.
그부분을 복사 해서 자신의 블로그 원하는 위치에 넣어주시면 간단하게
공짜  뮤직비디오 플레이어를 설치할수 있습니다.

---

참고로 태그를 간단히 분석해 드리겠습니다

<center><p style="visibility:visible;"><object type="application/x-shockwave-flash" data="http://assets.myflashfetish.com/swf/mp3/mixpod.swf" height="311" width="410" style="width:410px;height:311px"><param name="movie" value="http://assets.myflashfetish.com/swf/mp3/mixpod.swf" /><param name="quality" value="high" /><param name="scale" value="noscale" /><param name="salign" value="TL" /><param name="wmode" value="transparent"/><param name="flashvars" value="myid=46978700&path=2010/03/11&mycolor=222222&mycolor2=77ADD1&mycolor3=FFFFFF&
autoplay=true&rand=0&f=4&vol=100&pat=0&grad=false"/></object><br><a href="http://www.mixpod.com/playlist/46978700"><img src="http://assets.myflashfetish.com/images/btn-get-tracks.gif" alt="Music" title="Get Music Tracks!" border="0"></a><a href="http://www.mixpod.com" target="_blank"><img src="http://assets.myflashfetish.com/images/btn-create.gif" alt="Playlist" title="Create Your Free Playlist!" border=0></a><a href="http://www.mixpod.com/ringtones/46978700"><img src="http://assets.myflashfetish.com/images/btn-get-ringtones.gif" alt="Ringtones" title="Get Ringtones From This Playlist!" border="0"></a><br />Create a <a href="http://mixpod.com">playlist</a> at <a href="http://mixpod.com">MixPod.com</a></p></center>


자신의 블로그에 맞게 수정을 해줘야 하는데요.

두번째줄에 height="311" width="410" 블로그 사이즈에 맞게 바꿔주셔야 됩니다.

value="myid=46978700&path=2010/03/11&mycolor=222222&mycolor2=77ADD1&mycolor3=FFFFFF
mycolo에 있는 숫자들은 색상코드들인데 자신의 블로그에 맞는 색상으로 변경해 주시면 됩니다.

autoplay=true&rand=0&f=4&vol=100&pat=0&grad=false

true,false 는 yes와 no와 같은 개념입니다. 원하지 쪽으로 변경해 주시면 됩니다.

예)현재 오토플레이 기능이 작동하는 중인데 그 기능을 변경하려면 autoplay=true를 autoplay=false로 바꿔주시면 됩니다.

위와 같은 방식으로 소스를 변경을 마쳤으면 이제부터는 스킨에 적용을 해 주면 되는데..

이부분은 스킨마다 차이가 있으므로 스스로 해결하시기 바랍니다..^^;;

너무 성의 없죠..근데 어쩔수 없어요..ㅜㅜ

하다가 잘 안되시면  댓글 남겨주세요.. 친절히 설명해 드리겠습니다..^^


그리고 한가지 아쉬운점은 블로그가 프레임이 나눠있지 않아서 다른 포스트로 이동시마다 재 실행 되는부분인데..

이부분은 어떻게 해결해야 될지 잘 모르겠네요..

저는 그냥 창하나 따로 띄워놓고 하고는 있습니다.^^

더 궁금한점은