-
홈페이지 및 블로그에 음악 플레이어 설치하기Life/knowledge 2013. 12. 30.
홈페지 및 블로그를 운영하면서 음악 플레이어를 설치하여 컴퓨터를 사용하는 동안 음악을 듣고 싶어진다. 자신이 좋아하는 음악을 들으면서 컴퓨터를 하려면 무료 서버를 제공하는 사이트가 필요하다. 오래전부터 box.com 사이트에서는 음악, 일반 문서등 파일을 공유하는 곳으로 알려져 있다. box.com의 장점은 음악 파일을 플레이어로 작동할 수 있게 되어 손쉽게 홈페이지 및 블로그에 설치할 수 있다.
최근 box 플레이어 음악 파일 태그가 아이프레임으로 변경되어 업그레이드된 음악 플레이어를 들을 수 있고 쉽게 다운로드를 받을 수 있게 되었다. 그럼, 지금부터 홈페이지 및 블로그에 음악 플레이어를 설치하여 마음껏 배경음악을 들어보자. 음악 파일은 엄격하게 저작권이 있기 때문에 신중하게 음악 플레이어를 사용해야 되는 점 명심해야한다.
가장 먼저 box.com에 접속하여 회원 가입을 한다.
오른쪽 상단 Sing Up 클릭한 후
Personal Free 개인 무료 파일 이용할 수 있는 곳을 클릭 한 후 회원 가입을 한다.
회원가입 절차도 아주 쉽다. 이름과 이메일 그리고 핸드폰번호만 입력한 후 자신의 메일에 도착한 확인 메세지를 클릭하면 끝! 회원가입 절차가 마무리되면 box.com에 접속하여 자신의 폴더를 만들고 음악 파일을 업로드 시킨다.
필자는 태국 음악을 좋아하여 태국 음악 폴더를 만들고 태국 음악을 box.com에 업로드하여 듣고 있다.
그럼 이제부터 어떻게 홈페이지와 블로그에 링크시키는지 알아보자.
폴더 옵션(Folder Option)에서 Share -> Get Link를 클릭한다.
하얀 작은 창이 뜨는데 Embed를 클릭하면 음악 플레이어를 설치할 수 있는 코드가 생성된다. 여기서 음악 플레이어 크기 및 색상을 조절할 수 있는 옵션이 선택 가능하다. 홈페이지 및 블로그에 음악 플레이어를 설치하기 위해서는 코드를 복사한다.
복사한 코드를 메모장을 열어서 코드를 붙혀넣은 후 파일을 저장할 때에는 'music.html'로 꼭 저장한다.
그 다음부터는 자신의 홈페이지 및 블로그에서 html 태그를 넣어주어 설치를 완료한다. music.html 파일을 홈페이지 및 블로그 서버에 업로드한다. 아래의 이미지는 티스토리 블로그에 파일을 올린 것을 캡쳐한 모습이다.
홈페이지 및 블로그 관리자 화면에서 <head> </head> 부분에, 아래와 같은 스크립트 소스를 붙힌다.
<script language="JavaScript">
function win()
{
window.open('http://cfs.tistory.com/custom/blog/6/65847/skin/images/music.html?=8497747530.01662488980218768','','width=330,height=400,left=0,top=0');
}
</script>그 후 스킨 body에 자신이 원하는 이미지나 글자에 링크를 걸면 끝이다.
블로그 우측 메뉴 하단에 설치된 이퀄라이져 이미지를 클릭해보면 확인 할 수 있다. 처음 설치 후 팝업창이 나타나면 하얀 구름을 클릭 후 이동하면 자연스럽게 음악 파일이 열리면서 모든 설치가 완성된다.
<a onclick="showHide('sidebar')" onfocus="this.blur()"><a href="javascript:win()"><img src='./images/feel.gif' title="태국음악듣기"></a>
[관련글]▶ 태국 음악 mp3, 유튜브에서 자유롭게 다운로드하는 팁
▶ 끝내주는 태국 락 그룹 밴드 노래 - Retrospect
▶ 블로그 방문자수 늘리는 방법, 이미지 파일 이름 저장 할 때 꼭!
댓글
로그인 유지가 안 돼서 댓글 쓰기가 안 된다면 [여기]를 클릭하여 작성하면 됩니다.
