웹마스터 팁
음악넣는 BGM코드 70종류 입니다
2008.08.25 17:58
홈페이지에 간단히 음악넣는 BGM코드 70종류 입니다
나오는 음악은 세이음악방송입니다.
웹플레이내의 리스트버튼을 누르면 20여가지의 유명인터넷방송을 골라 들으실 수 있습니다)
기존의 윈도우미디어플레이어 엔진보다 3배이상 로딩이 빠른 세이라디오 엔진을 사용했기 때문에
제로보드와 같은 메뉴 클릭시마다 페이지를 다시 로딩해야 하는 원프레임 홈페이지에 넣어도 무난합니다.
복잡한 BGM설치 과정없이 간단한 코드 한줄을 넣음으로써 홈페이지에 음악을 나오게 할수 있습니다.
BGM 을 홈페이지에 넣으시는 방법에는 몇가지가 있습니다.
<일반홈페이지에 설치하는 방법>
1. 프레임셋으로 분리해서 넣는 방법 <--클릭
2. 아이프레임으로 넣는 방법 <---클릭
3. 팝업형으로 넣는 방법 <--- 클릭
아래에는 아이프레임(iframe)으로 넣는 html 코드입니다.
아래의 소스 중에 shift 키와 함께 BGM 주소를 누르시면
새창 띄우기로 BGM 의 모습을 미리 보실 수 있습니다
====================================================================================
<mrsj님의 스킨>
<IFRAME src="http://bgm.music24.kr/bgm/52.php" width="594" height="22" frameborder="0" marginwidth="0" marginheight="0" scrolling="no" allowTransparency="true"></IFRAME>
=====================================================================================
<sseri 님의 스킨>
<IFRAME src="http://bgm.music24.kr/bgm/57.php" width="526" height="17" frameborder="0" marginwidth="0" marginheight="0" scrolling="no" allowTransparency="true"></IFRAME>
====================================================================================
<사랑비 pink 기본스킨>
<IFRAME src="http://bgm.music24.kr/bgm/73.php" width="526" height="20" frameborder="0" marginwidth="0" marginheight="0" scrolling="no" allowTransparency="true"></IFRAME>
====================================================================================
<yoonmi님의 블랙앤 화이트스킨>
<IFRAME src="http://bgm.music24.kr/bgm/63.php" width="526" height="20" frameborder="0" marginwidth="0" marginheight="0" scrolling="no" allowTransparency="true"></IFRAME>
====================================================================================
<noel님의 noel_s_v4_black2 스킨>
<IFRAME src="http://bgm.music24.kr/bgm/70.php" width="526" height="20" frameborder="0" marginwidth="0" marginheight="0" scrolling="no" allowTransparency="true"></IFRAME>
====================================================================================
<noel님의 noel_s_v4_BnO 스킨>
<IFRAME src="http://bgm.music24.kr/bgm/71.php" width="206" height="23" frameborder="0" marginwidth="0" marginheight="0" scrolling="no" allowTransparency="true"></IFRAME>
====================================================================================
<noel 님의 noel_s_v4_black 스킨>
<IFRAME src="http://bgm.music24.kr/bgm/72.php" width="526" height="18" frameborder="0" marginwidth="0" marginheight="0" scrolling="no" allowTransparency="true"></IFRAME>
====================================================================================
<IFRAME src="http://music24.kr/bgm/1.php" width="150" height="21" frameborder="0" marginwidth="0" marginheight="0" scrolling="no" allowTransparency="true"></IFRAME>
=====================================================================
![사용자 삽입 이미지](http://lovene.dnip.net/tt/attach/1/1280468320.jpg)
<IFRAME src="http://music24.kr/bgm/50.php" width="526" height="28" frameborder="0" marginwidth="0" marginheight="0" scrolling="no" allowTransparency="true"></IFRAME>
===========================================================================
----------------------------------------------------------------------
<IFRAME src="http://cast.music24.kr/exo/1/exobud.html" width="916" height="23" frameborder="0" marginwidth="0" marginheight="0" scrolling="no" allowTransparency="true"></IFRAME>
----------------------------------------------------------------------
----------------------------------------------------------------------
<IFRAME src="http://cast.music24.kr/exo/2/exobud.html" width="915" height="34" frameborder="0" marginwidth="0" marginheight="0" scrolling="no" allowTransparency="true"></IFRAME>
----------------------------------------------------------------------
----------------------------------------------------------------------
<IFRAME src="http://cast.music24.kr/exo/3/exobud.html" width="658" height="24" frameborder="0" marginwidth="0" marginheight="0" scrolling="no" allowTransparency="true"></IFRAME>
----------------------------------------------------------------------
----------------------------------------------------------------------
<IFRAME src="http://cast.music24.kr/exo/4/exobud.html" width="688" height="21" frameborder="0" marginwidth="0" marginheight="0" scrolling="no" allowTransparency="true"></IFRAME>
----------------------------------------------------------------------
----------------------------------------------------------------------
<IFRAME src="http://cast.music24.kr/exo/5/exobud.html" width="122" height="20" frameborder="0" marginwidth="0" marginheight="0" scrolling="no" allowTransparency="true"></IFRAME>
----------------------------------------------------------------------
----------------------------------------------------------------------
<IFRAME src="http://cast.music24.kr/exo/6/exobud.html" width="911" height="23" frameborder="0" marginwidth="0" marginheight="0" scrolling="no" allowTransparency="true"></IFRAME>
----------------------------------------------------------------------
----------------------------------------------------------------------
<IFRAME src="http://cast.music24.kr/exo/7/exobud.html" width="914" height="29" frameborder="0" marginwidth="0" marginheight="0" scrolling="no" allowTransparency="true"></IFRAME>
----------------------------------------------------------------------
----------------------------------------------------------------------
<IFRAME src="http://cast.music24.kr/exo/8/exobud.html" width="821" height="31" frameborder="0" marginwidth="0" marginheight="0" scrolling="no" allowTransparency="true"></IFRAME>
----------------------------------------------------------------------
http://music24.kr
----------------------------------------------------------------------
<IFRAME src="http://cast.music24.kr/exo/9/exobud.html" width="905" height="29" frameborder="0" marginwidth="0" marginheight="0" scrolling="no" allowTransparency="true"></IFRAME>
----------------------------------------------------------------------
----------------------------------------------------------------------
<IFRAME src="http://cast.music24.kr/exo/10/exobud.html" width="861" height="29" frameborder="0" marginwidth="0" marginheight="0" scrolling="no" allowTransparency="true"></IFRAME>
----------------------------------------------------------------------
----------------------------------------------------------------------
<IFRAME src="http://cast.music24.kr/exo/11/exobud.html" width="147" height="58" frameborder="0" marginwidth="0" marginheight="0" scrolling="no" allowTransparency="true"></IFRAME>
----------------------------------------------------------------------
----------------------------------------------------------------------
<IFRAME src="http://cast.music24.kr/exo/12/exobud.html" width="57" height="12" frameborder="0" marginwidth="0" marginheight="0" scrolling="no" allowTransparency="true"></IFRAME>
----------------------------------------------------------------------
----------------------------------------------------------------------
<IFRAME src="http://cast.music24.kr/exo/13/exobud.html" width="736" height="31" frameborder="0" marginwidth="0" marginheight="0" scrolling="no" allowTransparency="true"></IFRAME>
----------------------------------------------------------------------
----------------------------------------------------------------------
<IFRAME src="http://cast.music24.kr/exo/14/exobud.html" width="119" height="31" frameborder="0" marginwidth="0" marginheight="0" scrolling="no" allowTransparency="true"></IFRAME>
----------------------------------------------------------------------
----------------------------------------------------------------------
마우스를 올리면 커버가 열립니다.
<IFRAME src="http://cast.music24.kr/exo/15/exobud.html" width="916 height="23" frameborder="0" marginwidth="0" marginheight="0" scrolling="no" allowTransparency="true"></IFRAME>
----------------------------------------------------------------------
하얀색
![사용자 삽입 이미지](http://lovene.dnip.net/tt/attach/1/1087111367.jpg)
<IFRAME src="http://bgm.music24.kr/aquamp/zskin_clean_aqua.html" width="800" height="30" frameborder="0" marginwidth="0" marginheight="0" scrolling="no"></IFRAME>
빨간색
![사용자 삽입 이미지](http://lovene.dnip.net/tt/attach/1/1352963099.jpg)
<IFRAME src="http://bgm.music24.kr/aquamp/index.html" width="800" height="30" frameborder="0" marginwidth="0" marginheight="0" scrolling="no"></IFRAME>
하늘색
![사용자 삽입 이미지](http://lovene.dnip.net/tt/attach/1/1238533225.jpg)
<IFRAME src="http://bgm.music24.kr/aquamp/skyblue.html" width="800" height="30" frameborder="0" marginwidth="0" marginheight="0" scrolling="no"></IFRAME>
파란색
![사용자 삽입 이미지](http://lovene.dnip.net/tt/attach/1/1080291127.jpg)
<IFRAME src="http://bgm.music24.kr/aquamp/blue.html" width="800" height="30" frameborder="0" marginwidth="0" marginheight="0" scrolling="no"></IFRAME>
검은색
![사용자 삽입 이미지](http://lovene.dnip.net/tt/attach/1/1192330787.jpg)
<IFRAME src="http://bgm.music24.kr/aquamp/black.html" width="800" height="30" frameborder="0" marginwidth="0" marginheight="0" scrolling="no"></IFRAME>
노란색
![사용자 삽입 이미지](http://lovene.dnip.net/tt/attach/1/1125467400.jpg)
<IFRAME src="http://bgm.music24.kr/aquamp/yellow.html" width="800" height="30" frameborder="0" marginwidth="0" marginheight="0" scrolling="no"></IFRAME>
빨간색-두꺼운 형태
![사용자 삽입 이미지](http://lovene.dnip.net/tt/attach/1/1403833334.jpg)
<IFRAME src="http://bgm.music24.kr/aquamp/red_thick.html" width="800" height="30" frameborder="0" marginwidth="0" marginheight="0" scrolling="no"></IFRAME>
===========================================================================
![사용자 삽입 이미지](http://lovene.dnip.net/tt/attach/1/1142148833.jpg)
<IFRAME src="http://bgm.music24.kr/bgm/27.php" width="275" height="194" frameborder="0" marginwidth="0" marginheight="0" scrolling="no"></IFRAME>
==========================================================================
![사용자 삽입 이미지](http://lovene.dnip.net/tt/attach/1/1357067757.jpg)
<IFRAME src="http://bgm.music24.kr/bgm/29.php" width="339" height="147" frameborder="0" marginwidth="0" marginheight="0" scrolling="no"></IFRAME>
============================================================================
![사용자 삽입 이미지](http://lovene.dnip.net/tt/attach/1/1281907453.jpg)
<IFRAME src="http://bgm.music24.kr/bgm/25.php" width="585" height="36" frameborder="0" marginwidth="0" marginheight="0" scrolling="no"></IFRAME>
==============================================================================
|
|
|
|
<IFRAME src="http://bgm.music24.kr/bgm/45.php" width="20" height="206" frameborder="0" marginwidth="0" marginheight="0" scrolling="no" allowTransparency="true"></IFRAME> |
|
|
|
|
홈페이지에 위와 같은 음악플레이어를 넣으시려면 마음에 드는 음악플레이어의 아래에 있는 소스를 홈페이지 body 소스에 넣으시면 됩니다. 아이프레임방식이나 프레임셋방식등 여러 방법이 있는데.. 이글 맨아래에 아이프레임방식으로 넣는 방법을 소개해두었습니다.. 글 맨아래 참조.. 그리고 주의하실 점은 body 소스 첫머리에 아래의 예제와 같이 이 태그를 넣으셔야 홈페이지 좌측상단에 음악플레이어가 여백없이 딱 붙습니다 ---> leftmargin='0' marginwidth='0' marginheight='0' topmargin='0' *body 소스에의 삽입예제 ----------------------------------------------------- <body bgcolor="white" text="black" link="blue" vlink="purple" alink="red" leftmargin='0' marginwidth='0' marginheight='0' topmargin='0' allowTransparency="true"> 음악플레이어의 작동모습은 아래의 소스들 중의 주황색 글씨를 새창열기로 클릭하시면 보입니다. | |
1 |
![]() <IFRAME src="http://bgm.music24.kr/bgm/1.php" width="150" height="21" frameborder="0" marginwidth="0" marginheight="0" scrolling="no" allowTransparency="true"></IFRAME> |
2 |
![]() <IFRAME src="http://bgm.music24.kr/bgm/2.php" width="157" height="38" frameborder="0" marginwidth="0" marginheight="0" scrolling="no" allowTransparency="true"></IFRAME> |
3 |
![]() <IFRAME src="http://bgm.music24.kr/bgm/3.php" width="153" height="17" frameborder="0" marginwidth="0" marginheight="0" scrolling="no" allowTransparency="true"></IFRAME> |
4 |
![]() <IFRAME src="http://bgm.music24.kr/bgm/4.php" width="154" height="28" frameborder="0" marginwidth="0" marginheight="0" scrolling="no" allowTransparency="true"></IFRAME> |
5 |
![]() <IFRAME src="http://bgm.music24.kr/bgm/5.php" width="133" height="44" frameborder="0" marginwidth="0" marginheight="0" scrolling="no" allowTransparency="true"></IFRAME> |
6 |
![]() <IFRAME src="http://bgm.music24.kr/bgm/6.php" width="177" height="70" frameborder="0" marginwidth="0" marginheight="0" scrolling="no" allowTransparency="true"></IFRAME> |
7 |
![]() <IFRAME src="http://bgm.music24.kr/bgm/7.php" width="268 height="34" frameborder="0" marginwidth="0" marginheight="0" scrolling="no" allowTransparency="true"></IFRAME> |
8 |
![]() <IFRAME src="http://bgm.music24.kr/bgm/8.php" width="291" height="132" frameborder="0" marginwidth="0" marginheight="0" scrolling="no" allowTransparency="true"></IFRAME> |
9 |
![]() <IFRAME src="http://bgm.music24.kr/bgm/9.php" width="513" height="28" frameborder="0" marginwidth="0" marginheight="0" scrolling="no" allowTransparency="true"></IFRAME> |
10 |
![]() <IFRAME src="http://bgm.music24.kr/bgm/10.php" width="157" height="31" frameborder="0" marginwidth="0" marginheight="0" scrolling="no" allowTransparency="true"></IFRAME> |
11 |
![]() <IFRAME src="http://bgm.music24.kr/bgm/11.php" width="100%" height="28" frameborder="0" marginwidth="0" marginheight="0" scrolling="no" allowTransparency="true"></IFRAME> |
12 |
![]() <IFRAME src="http://bgm.music24.kr/bgm/12.php" width="85" height="29" frameborder="0" marginwidth="0" marginheight="0" scrolling="no" allowTransparency="true"></IFRAME> |
13 |
![]() <IFRAME src="http://bgm.music24.kr/bgm/13.php" width="155" height="30" frameborder="0" marginwidth="0" marginheight="0" scrolling="no" allowTransparency="true"></IFRAME> |
14 |
![]() <IFRAME src="http://bgm.music24.kr/bgm/14.php" width="106" height="145" frameborder="0" marginwidth="0" marginheight="0" scrolling="no" allowTransparency="true"></IFRAME> |
15 |
![]() <IFRAME src="http://bgm.music24.kr/bgm/15.php" width="100%" height="34" frameborder="0" marginwidth="0" marginheight="0" scrolling="no" allowTransparency="true"></IFRAME> | |
16 |
![]() <IFRAME src="http://bgm.music24.kr/bgm/16.php" width="161" height="86" frameborder="0" marginwidth="0" marginheight="0" scrolling="no" allowTransparency="true"></IFRAME> | |
17 |
||
18 |
![]() <IFRAME src="http://bgm.music24.kr/bgm/18.php" width="126" height="73" frameborder="0" marginwidth="0" marginheight="0" scrolling="no" allowTransparency="true"></IFRAME> | |
19 |
![]() <IFRAME src="http://bgm.music24.kr/bgm/19.php" width="100%" height="23" frameborder="0" marginwidth="0" marginheight="0" scrolling="no" allowTransparency="true"></IFRAME> | |
20 |
![]() <IFRAME src="http://bgm.music24.kr/bgm/20.php" width="100%" height="17" frameborder="0" marginwidth="0" marginheight="0" scrolling="no" allowTransparency="true"></IFRAME> | |
21 |
![]() <IFRAME src="http://bgm.music24.kr/bgm/21.php" width="15" height="62" frameborder="0" marginwidth="0" marginheight="0" scrolling="no" allowTransparency="true"></IFRAME> | |
22 |
![]() <IFRAME src="http://bgm.music24.kr/bgm/22.php" width="309" height="24" frameborder="0" marginwidth="0" marginheight="0" scrolling="no" allowTransparency="true"></IFRAME> | |
23 |
![]() <IFRAME src="http://bgm.music24.kr/bgm/23.php" width="75" height="24" frameborder="0" marginwidth="0" marginheight="0" scrolling="no" allowTransparency="true"></IFRAME> | |
*음악이 끊김없이 나오게 하기 위한 뮤직플레이어를 넣는 방법에는 여러가지가 있습니다.. 1.프레임으로 분류된 홈페이지에서는 고정된 좌측메뉴나 상단 메뉴에 아이프레임으로 넣는 방법 2.제로보드 등의 한개의 프레임(원프레임)으로 이루어진 홈피에서는 프레임셋을 이용해서 상단이나 하단 프레임에 뮤직플레이어를 넣고 메인프레임에 본래의 홈페이지를 넣는 방법 3.파란카페나 다음카페와 같은 곳에서는 팝업형 플레이어를 넣는 방법을 추천합니다. 위 세가지 방법에 대한 자세한 소개는 http://lovene.dnip.net 에 해두었습니다. 한번 둘러보세요.. | ||
아이프레임을 이용한 뮤직플레이어 넣기 ================================================================== *아이프레임 태그를 이용해서 홈페이지에 간단히 음악을 넣을 수 있습니다. 아래의 태그를 복사해서 홈페이지 body 소스의 적당한 부분에 복사해 넣으시면 됩니다. *이 방법은 프레임으로 나뉜 홈피의 좌측메뉴나 상단, 하단에 적용해야 홈페이지상에서 음악의 끊김이 없습니다 원프레임 홈페이지에서는 다음 글에 설명된 프레임셋 이용하는 방법 이나 팝업형 뮤직플레이어(<-클릭)를 이용하세요 적용된 것 미리보기는 ---> ---> http://lovene.ohpy.com/ 방법1-네모난 뮤직플레이어(<--클릭)
|
![사용자 삽입 이미지](http://lovene.dnip.net/tt/attach/1/1122188679.jpg)
<IFRAME src="http://music24.kr/bgm/33.php" width="204" height="22" frameborder="0" marginwidth="0" marginheight="0" scrolling="no" allowTransparency="true"></IFRAME>
---------------------------------------------------------------------------
![사용자 삽입 이미지](http://lovene.dnip.net/tt/attach/1/1357906209.jpg)
<IFRAME src="http://music24.kr/bgm/20.php" width="587" height="22" frameborder="0" marginwidth="0" marginheight="0" scrolling="no" allowTransparency="true"></IFRAME>
---------------------------------------------------------------------------
![사용자 삽입 이미지](http://lovene.dnip.net/tt/attach/1/1354414746.jpg)
<IFRAME src="http://music24.kr/bgm/40.php" width="587" height="22" frameborder="0" marginwidth="0" marginheight="0" scrolling="no" allowTransparency="true"></IFRAME>
=========================================================================
위의 BGM 소스 설명글은 자유롭게 퍼가시고 스크랩해서 쓰셔도 됩니다. ^^*
나중에라도 필요할 때를 위해 복사해 놓으세요.
댓글 1
제목 | 글쓴이 | 날짜 |
---|---|---|
lang.xml 키워드 사용체크 프로그램 (리눅스/파이썬)
![]() | NURIGO | 2014.03.19 |
모바일 화면 사이즈 관련 팁 | 젤리빈 | 2014.03.19 |
폰갭 이용시 파일 첨부 한번에 올리기 | 웹빌드 | 2014.03.20 |
[Jquery] input box border input | pell | 2014.03.21 |
XE코어 수정없이 원하는 기능 넣기
[3]
![]() | 마이웹 | 2014.03.22 |
사용자에게 파일 내용을 뿌릴땐 fpassthru를 쓰자 [2] | DynamicLaser | 2014.03.23 |
로그인 안하면 코멘트 볼 수 없게 스킨 수정하는 법 [3] | W.O | 2014.03.23 |
메인 홈페이지와 서브페이지를 하나의 레이아웃으로 | 투씨 | 2014.03.24 |
VB.NET에서 XE로그인 연동하기.[내용추가] [3] | AppSeedKorea | 2014.03.26 |
[SocialXE] 1.7.4.x 업데이트 후 SocialXE에서 '잘못된 요청입니다.' 오류가 뜨는 문제 해결하기
[15]
![]() | TUW | 2014.03.26 |
여러가지 hover effect 모음 [1] | 드래그홈 | 2014.03.26 |
여러가지 프로토타이핑 툴 [1] | 드래그홈 | 2014.03.26 |
모바일EX 사용시, 모바일 레벨아이콘 출력하기. [11] | qwms | 2014.03.29 |
index.php에서 Parse Error가 발생한다면 [6] | YJSoft | 2014.04.01 |
[javascript]기초강좌 | 01 자바스크립트개념 | hiwebs | 2014.04.01 |
[javascript] 기초강좌 | 02 산술, 대입, 증감, 비교연산자 | hiwebs | 2014.04.01 |
코어 업데이트 후 회원가입 이름이 숫자(번호)로 뜨는 현상 수정 [1] | 자대련 | 2014.04.01 |
slidesj 사용시 자동으로 다음 사진 넘길때 | 웹빌드 | 2014.04.02 |
이전/다음 글버튼 출력 애드온의 버튼을 사이트 밖으로 빼봅시다..^^
[5]
![]() | 착한악마 | 2014.04.03 |
관리자를 제외하고는 타회원의 회원정보 보기를 막는 방법 [1] | sejin7940 | 2014.04.04 |