...배경음악 여러개를 해 보고자 시도한 여러가지의 삽질 끝에 지금 보시는 것이 완성 되었습니다.
바로 위에 로그인메뉴에 보이는
배경음악(←Click!)
이것이죠.
방법과 절차를 소개해 볼까 합니다.
좀 많이 기네요^^ 차근차근 해 보세요
이글루에 배경음악 넣기 Ver. 1
이글루에 배경음악 넣기 Ver. 2 (BGM팝업창 띄우기)
이글루에 배경음악 넣기 Ver. 3
embed 테그의 옵션들
fieldset 테그로 여러가지 테이블 box 만들기
이해가 되셨는지요^^
좀 많이 복잡합니다... 너그러이 봐주세요^^
이해가 안되신다면 제가 아는 범위 내에서 답변드리겠습니다.
퍼 가실때는 이 포스트에 덧글 남겨주세요.
ps. 위의 방법 혹은 전용 플레이가 있다고 합니다만, 아쉽게도 구하질 못해 보았습니다.
ps.2 음악 플레이가 되지 않을경우 테그 적용중 src="URL" 에서 따옴표와 URL사이에 space가 들어가 있지 않은지 확인해 보세요
오타수정 - 2007. 2. 5
오타수정, 링크수정 - 07. 12. 9
바로 위에 로그인메뉴에 보이는
배경음악(←Click!)
이것이죠.
방법과 절차를 소개해 볼까 합니다.
좀 많이 기네요^^ 차근차근 해 보세요
1. 새 포스팅을 하여 음악 파일을 업로드 합니다.
- 파일을 여러개를 재생 해야 하니 여러개의 음악 파일을 업로드 합니다
- 혹은 음악파일의 경로를 알아둡니다
- 이 작업의 요지는 파일의 URL을 확보 하는 것입니다.
- 이곳에서 얻은 URL은 아래와 같이 표시합니다.
[ 음원 파일 URL ]
2. 이제 플레이 리스트를 만듭니다.
- 윈도우 메모장을 실행하셔어 얻은 URL을 적어 내려갑니다.
음원 파일 URL1
음원 파일 URL2
음원 파일 URL3
음원 파일 URL4
:
:
- 다른 이름으로 저장을 선택하시어 파일이름.asx(파일이름은 영문이 좋습니다.)로 저장 합니다.
- 위의 파일 순서를 기억해 둡시다.
- 위에 만든 파일을 아래와 같이 표시합니다
[ 플레이리스트 파일 ]
3. 플레이리스트 파일을 블로그에 업로드 합니다
- 새 포스팅을 하시어 파일추가 기능을 활용하여 플레이리스트 파일을 업로드합니다
- 비밀글로 하시는게 좋겠죠^^
- 플레이리스트 파일의 URL을 획득합니다.
- 이곳에서 얻은 URL을 아래와 같이 표시합니다
[ 리스트 URL ]
4. 배경음악 창에서 나타날 화면을 제작합니다.
- 단순하게 이글루에 배경음악 넣기 Ver. 2에서 적용하셔도 됩니다.
- 혹은 플레이 리스트를 작성하는것도 좋습니다. 방법으로는 아래의 방법을 응용해 보세요.
- 메모장에서 아래의 내용을 적용/응용하시어 파일을 하나 만듭니다.
또 기억해돈 목록의 리스트는 순전히 남에게 보이기 위한 것 입니다.
- 위의 내용으로 작성한파일을
다른 이름으로 저장을 하시어 파일이름.html(파일이름은 영문이 좋습니다)로 저장합니다
- 이곳에서 얻은 파일을 아래와 같이 표시합니다
[ 플레이 html ]
5. 플레이 html을 블로그에 업로드 합니다.
- 3번 순서에서 했던 포스트를 사용하시는게 좋겠죠^^
- 플레이 html의 URL을 획득합니다.
- 이곳에서 얻은 URL을 아래와 같이 표시합니다
[ 플레이 html URL ]
6. 이글루 메모장 혹은 메인이 되는 포스트에 아래와 같은 문구를 넣습니다.
width는 300이상, height는 200이상으로 하지 않으시면 적용이 안됩니다.
배경음악(←Click!)부분은 취향에 맞게 설정하셔도 무방합니다.
7. 기타.
메모장, 최상단 포스트가 아닌 다른부분에 넣으시려면
- 방명록만들기??? 포스팅을 참조 하세요.
embed 태그의 자세한 옵션을 보고 싶으시다면
- embed 테그의 옵션들을 참조 해 주세요
fieldset 태그의 자세한 옵션은
- fieldset 테그로 여러가지 테이블 box 만들기 포스트를 참조해 주세요
- 파일을 여러개를 재생 해야 하니 여러개의 음악 파일을 업로드 합니다
- 혹은 음악파일의 경로를 알아둡니다
- 이 작업의 요지는 파일의 URL을 확보 하는 것입니다.
- 이곳에서 얻은 URL은 아래와 같이 표시합니다.
[ 음원 파일 URL ]
2. 이제 플레이 리스트를 만듭니다.
- 윈도우 메모장을 실행하셔어 얻은 URL을 적어 내려갑니다.
음원 파일 URL1
음원 파일 URL2
음원 파일 URL3
음원 파일 URL4
:
:
- 다른 이름으로 저장을 선택하시어 파일이름.asx(파일이름은 영문이 좋습니다.)로 저장 합니다.
- 위의 파일 순서를 기억해 둡시다.
- 위에 만든 파일을 아래와 같이 표시합니다
[ 플레이리스트 파일 ]
3. 플레이리스트 파일을 블로그에 업로드 합니다
- 새 포스팅을 하시어 파일추가 기능을 활용하여 플레이리스트 파일을 업로드합니다
- 비밀글로 하시는게 좋겠죠^^
- 플레이리스트 파일의 URL을 획득합니다.
- 이곳에서 얻은 URL을 아래와 같이 표시합니다
[ 리스트 URL ]
4. 배경음악 창에서 나타날 화면을 제작합니다.
- 단순하게 이글루에 배경음악 넣기 Ver. 2에서 적용하셔도 됩니다.
- 혹은 플레이 리스트를 작성하는것도 좋습니다. 방법으로는 아래의 방법을 응용해 보세요.
- 메모장에서 아래의 내용을 적용/응용하시어 파일을 하나 만듭니다.
<html>위 내용에서(= ) 의 내용은 지우고 사용하셔야 합니다. 원본내용
<title>배경음악</title> (= 팝업창의 제목입니다)
<body bgcolor="배경색"> (= 팝업창의 바탕색입니다)
<fieldset (= filedset테그를 사용하여 박스를 만듭니다) style="width:300;(= 박스의 가로길이입니다.) height:20;(= 박스의 세로길이입니다. 굳이 정할 필요없음.) padding:0 10 10 10;(= 박스 여백입니다. 수정할 필요 없음.)"><legend align="center" style="padding:5">(= 박스 윗부분에 제목을 정해줍니다. 가운데 정렬)<span style="color:#99ffff;" style="font-size:14"(= 제목의 글자 크기와, 색 정의) >재생 목록</span></legend>
<span style="color:#ffcc33;" style="font-size:12"(= 내용의 글자 크기와 색 정의) >기억해둔 목록의 리스트1<br/>
기억해둔 목록의 리스트1<br/>
기억해둔 목록의 리스트1<br/>
: <br/>
:
</span></fieldset>
</br>
<embed src="리스트 URL" style="FILTER:gray" loop="true" volume="1" width="300" height="70" SHOWSTATUSBAR="1"></embed>(= embed 테그 사용. WMP스킨 회색. 곡 전체 무한반복. 볼륨 기본, 가로길이300, 세로길이70, 재생현황보이기)
</body>
</html>
<html>누르면 닫혀요
<title>배경음악</title>
<body bgcolor="#162D3A">
<fieldset style="width:300; height:20; padding:0 10 10 10"><legend align="center" style="padding:5"><span style="color:#99ffff;" style="font-size:14">Play List</span></legend>
<span style="color:#ffcc33;" style="font-size:12">1. 목록1<br/>
2. 목록2<br/>
3. 목록3
</span></fieldset>
</br>
<embed src="리스트 URL" style="FILTER:gray" loop="true" volume="1" width="300" height="70" SHOWSTATUSBAR="1"></embed>
</body>
</html>
또 기억해돈 목록의 리스트는 순전히 남에게 보이기 위한 것 입니다.
- 위의 내용으로 작성한파일을
다른 이름으로 저장을 하시어 파일이름.html(파일이름은 영문이 좋습니다)로 저장합니다
- 이곳에서 얻은 파일을 아래와 같이 표시합니다
[ 플레이 html ]
5. 플레이 html을 블로그에 업로드 합니다.
- 3번 순서에서 했던 포스트를 사용하시는게 좋겠죠^^
- 플레이 html의 URL을 획득합니다.
- 이곳에서 얻은 URL을 아래와 같이 표시합니다
[ 플레이 html URL ]
6. 이글루 메모장 혹은 메인이 되는 포스트에 아래와 같은 문구를 넣습니다.
<a title="새 창으로 BGMplayer 열기" onclick="window.open('about:blank','pop','width=320, height=200, resizable=true');" href="플레이 html URL" target="pop">배경음악(←Click!)</a>width=320와 height=200부분은 여러번 시행을 하시면서 맞는 크기를 설정하셔야 합니다.
width는 300이상, height는 200이상으로 하지 않으시면 적용이 안됩니다.
배경음악(←Click!)부분은 취향에 맞게 설정하셔도 무방합니다.
7. 기타.
메모장, 최상단 포스트가 아닌 다른부분에 넣으시려면
- 방명록만들기??? 포스팅을 참조 하세요.
embed 태그의 자세한 옵션을 보고 싶으시다면
- embed 테그의 옵션들을 참조 해 주세요
fieldset 태그의 자세한 옵션은
- fieldset 테그로 여러가지 테이블 box 만들기 포스트를 참조해 주세요
이글루에 배경음악 넣기 Ver. 1
이글루에 배경음악 넣기 Ver. 2 (BGM팝업창 띄우기)
이글루에 배경음악 넣기 Ver. 3
embed 테그의 옵션들
fieldset 테그로 여러가지 테이블 box 만들기
이해가 되셨는지요^^
좀 많이 복잡합니다... 너그러이 봐주세요^^
이해가 안되신다면 제가 아는 범위 내에서 답변드리겠습니다.
퍼 가실때는 이 포스트에 덧글 남겨주세요.
ps. 위의 방법 혹은 전용 플레이가 있다고 합니다만, 아쉽게도 구하질 못해 보았습니다.
ps.2 음악 플레이가 되지 않을경우 테그 적용중 src="URL" 에서 따옴표와 URL사이에 space가 들어가 있지 않은지 확인해 보세요
오타수정 - 2007. 2. 5
오타수정, 링크수정 - 07. 12. 9
덧글
세린 오늘 정말 멋져보여용~~
프린트해서 보면서 해봐야겠군요. 이제 인쇄매체가 아니면 소화할 수 없는 수준에...
제 블로그에 맞게 해놓은거라.. 못알아볼지도...
리나 / 하아 ;ㅁ;
링고님 / (...)
단지, 제가 하고 싶어지면 귀차니즘이 사라진다는게..
이글루스 잘 몰라서요 감사합니다
그대로 따라했더니..완벽하게 동작합니다.^^
제가 이런걸 다만들다니.. 스스로 대견해 하는중..ㅡㅡ;;
감사히 잘쓰겠습니다.
한 두시간쯤 돌아다니다가 세린님 이글루글을 봤어요.. 더 일찍 봤음 좋았을걸..ㅠㅠ;
좋은 정보 고맙습니다~!! 만약 세린님 글 못봤음 아마 아직도 뒤지고 있을,,-ㅁ-;;;
쉽게 설명해주셔서 태그를 잘 모르는 저도 쉽게 만들수 있었어요
감사합니다 ㅎㅎ
약간의 솜씨(?) 가 필요합니다...
성공하시길 바랄께요 :)
그 전 버전의 IE에서는 에는 문제가 없었지만, 보안이 높아진 IE7은 엑티브X나 동영상을 플레이할때 허락을 해야 하잖아요?
그런데, 다운로드 차단이 맞나요?
보통 윈도우 플레이어 재생 허락을 받는 것이 뜨거든요?