아래와 같은 뮤직플레이어를 홈페이지에 설치하시려면 각각 해당 코드를 적당한 곳에 html 방식으로 넣으시면 됩니다
----------------------------------------------------------------------------------------------------

사용자 삽입 이미지



<IFRAME src="http://music24.kr/bgm/1.php" width="150" height="21" frameborder="0" marginwidth="0" marginheight="0" scrolling="no"></IFRAME>


====================================================================================================


사용자 삽입 이미지




<IFRAME <IFRAME src="http://music24.kr/bgm/50.php" width="526" height="28" frameborder="0" marginwidth="0" marginheight="0" scrolling="no"></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'>


음악플레이어의 작동모습은 아래의 소스들 중의 주황색 글씨를 새창열기로 클릭하시면 보입니다.

1

사용자 삽입 이미지


<IFRAME src="http://music24.kr/bgm/1.php" width="150" height="21" frameborder="0" marginwidth="0" marginheight="0" scrolling="no"></IFRAME>

2

사용자 삽입 이미지





<IFRAME src="http://music24.kr/bgm/2.php" width="157" height="38" frameborder="0" marginwidth="0" marginheight="0" scrolling="no"></IFRAME>

3


사용자 삽입 이미지



<IFRAME src="http://music24.kr/bgm/3.php" width="153" height="17" frameborder="0" marginwidth="0" marginheight="0" scrolling="no"></IFRAME>

4


사용자 삽입 이미지




<IFRAME src="http://music24.kr/bgm/4.php" width="154" height="28" frameborder="0" marginwidth="0" marginheight="0" scrolling="no"></IFRAME>

5


사용자 삽입 이미지





<IFRAME src="http://music24.kr/bgm/5.php" width="133" height="44" frameborder="0" marginwidth="0" marginheight="0" scrolling="no"></IFRAME>

6

사용자 삽입 이미지








<IFRAME src="http://music24.kr/bgm/6.php" width="177" height="70" frameborder="0" marginwidth="0" marginheight="0" scrolling="no"></IFRAME>

7


사용자 삽입 이미지




<IFRAME src="http://music24.kr/bgm/7.php" width="268 height="34" frameborder="0" marginwidth="0" marginheight="0" scrolling="no"></IFRAME>

8


사용자 삽입 이미지


<IFRAME src="http://music24.kr/bgm/8.php" width="291" height="132" frameborder="0" marginwidth="0" marginheight="0" scrolling="no"></IFRAME>

9

사용자 삽입 이미지


<IFRAME src="http://music24.kr/bgm/9.php" width="513" height="28" frameborder="0" marginwidth="0" marginheight="0" scrolling="no"></IFRAME>

10


사용자 삽입 이미지



<IFRAME src="http://music24.kr/bgm/10.php" width="157" height="31" frameborder="0" marginwidth="0" marginheight="0" scrolling="no"></IFRAME>

11


사용자 삽입 이미지


<IFRAME src="http://music24.kr/bgm/11.php" width="100%" height="28" frameborder="0" marginwidth="0" marginheight="0" scrolling="no"></IFRAME>

12


사용자 삽입 이미지




<IFRAME src="http://music24.kr/bgm/12.php" width="85" height="29" frameborder="0" marginwidth="0" marginheight="0" scrolling="no"></IFRAME>

13


사용자 삽입 이미지




<IFRAME src="http://music24.kr/bgm/13.php" width="155" height="30" frameborder="0" marginwidth="0" marginheight="0" scrolling="no"></IFRAME>

14

사용자 삽입 이미지













<IFRAME src="http://music24.kr/bgm/14.php" width="106" height="145" frameborder="0" marginwidth="0" marginheight="0" scrolling="no"></IFRAME>

15


사용자 삽입 이미지




<IFRAME src="http://music24.kr/bgm/15.php" width="100%" height="34" frameborder="0" marginwidth="0" marginheight="0" scrolling="no"></IFRAME>

16


사용자 삽입 이미지








<IFRAME src="http://music24.kr/bgm/16.php" width="161" height="86" frameborder="0" marginwidth="0" marginheight="0" scrolling="no"></IFRAME>

17


18


사용자 삽입 이미지







<IFRAME src="http://music24.kr/bgm/18.php" width="126" height="73" frameborder="0" marginwidth="0" marginheight="0" scrolling="no"></IFRAME>

19



사용자 삽입 이미지


<IFRAME src="http://music24.kr/bgm/19.php" width="100%" height="23" frameborder="0" marginwidth="0" marginheight="0" scrolling="no"></IFRAME>

20


사용자 삽입 이미지



<IFRAME src="http://music24.kr/bgm/20.php" width="100%" height="17" frameborder="0" marginwidth="0" marginheight="0" scrolling="no"></IFRAME>

21


사용자 삽입 이미지

<IFRAME src="http://music24.kr/bgm/21.php" width="15" height="62" frameborder="0" marginwidth="0" marginheight="0" scrolling="no"></IFRAME>

22


사용자 삽입 이미지

<IFRAME src="http://music24.kr/bgm/22.php" width="309" height="21" frameborder="0" marginwidth="0" marginheight="0" scrolling="no"></IFRAME>



23


사용자 삽입 이미지


<IFRAME src="http://music24.kr/bgm/23.php" width="75" height="24" frameborder="0" marginwidth="0" marginheight="0" scrolling="no"></IFRAME>


*음악이 끊김없이 나오게 하기 위한 뮤직플레이어를 넣는 방법에는 여러가지가 있습니다..

1.프레임으로 분류된 홈페이지에서는 고정된 좌측메뉴나 상단 메뉴에 아이프레임으로 넣는 방법

2.제로보드 등의 한개의 프레임(원프레임)으로 이루어진 홈피에서는 프레임셋을 이용해서
상단이나 하단 프레임에 뮤직플레이어를 넣고 메인프레임에 본래의 홈페이지를 넣는 방법

3.파란카페나 다음카페와 같은 곳에서는 팝업형 플레이어를 넣는 방법을 추천합니다.

위 세가지 방법에 대한 자세한 소개는 http://lovene.dnip.net 에 해두었습니다. 한번 둘러보세요..


아이프레임을 이용한 뮤직플레이어 넣기
==================================================================
*아이프레임 태그를 이용해서 홈페이지에 간단히 음악을 넣을 수 있습니다.
아래의 태그를 복사해서 홈페이지 body 소스의 적당한 부분에 복사해 넣으시면 됩니다.

*이 방법은 프레임으로 나뉜 홈피의 좌측메뉴나 상단, 하단에 적용해야 홈페이지상에서 음악의 끊김이 없습니다
원프레임 홈페이지에서는 다음 글에 설명된 프레임셋 이용하는 방법 이나 팝업형 뮤직플레이어(<-클릭)를 이용하세요

적용된 것 미리보기는 ---> ---> http://lovene.ohpy.com/
방법1-네모난 뮤직플레이어(<--클릭)


===================================================================================
아래의 소스를 홈페이지의 적당한 곳에 복사해서 넣으시면 됩니다
-----------------------------------------------------------------------------------

<table align="left" style="WIDTH: 159px; HEIGHT: 91px" borderColor=#e7e7e7 cellSpacing=0 cellPadding=2 bgColor=#ffffff border=1 >
<tr>
<td width="159" height="87">
<IFRAME src="http://music24.kr/bgm/16.php" width="159" height="87" frameborder="0" marginwidth="0" marginheight="0" scrolling="no"></IFRAME>
</td>
</tr>
</table>
------------------------------------------------------------------
위에서 주황색 주소부분만 원하는 음악플레이어의 주소로 대체하시면 됩니다.

bgm 의 사진 밑에 코드들은 아이프레임 방식으로 홈페이지에 넣을 경우의 소스코드입니다

홈페이지 에디터에서 html 방식을 선택하시고 아래의 해당 소스들을 복사붙여넣기 하시면 홈페이지에 간단하게

뮤직플레이어를 설치 하실 수 있습니다.

<IFRAME src="http://music24.kr/bgm/41.php" width="177" height="26" frameborder="0" marginwidth="0" marginheight="0" scrolling="no"></IFRAME>

<IFRAME src="http://music24.kr/bgm/42.php" width="244" height="48" frameborder="0" marginwidth="0" marginheight="0" scrolling="no"></IFRAME>

<IFRAME src="http://music24.kr/bgm/43.php" width="163" height="63" frameborder="0" marginwidth="0" marginheight="0" scrolling="no"></IFRAME>

<IFRAME src="http://music24.kr/bgm/44.php" width="179" height="34" frameborder="0" marginwidth="0" marginheight="0" scrolling="no"></IFRAME>

<IFRAME src="http://music24.kr/bgm/45.php" width="20" height="206" frameborder="0" marginwidth="0" marginheight="0" scrolling="no"></IFRAME>

<IFRAME src="http://music24.kr/bgm/46.php" width="165" height="20" frameborder="0" marginwidth="0" marginheight="0" scrolling="no"></IFRAME>

<IFRAME src="http://music24.kr/bgm/47.php" width="498" height="26" frameborder="0" marginwidth="0" marginheight="0" scrolling="no"></IFRAME>

<IFRAME src="http://music24.kr/bgm/48.php" width="553" height="26" frameborder="0" marginwidth="0" marginheight="0" scrolling="no"></IFRAME>

<IFRAME src="http://music24.kr/bgm/49.php" width="139" height="36" frameborder="0" marginwidth="0" marginheight="0" scrolling="no"></IFRAME>

위의 소스중에 width="139" height="36" 이런것들의 숫자를 플레이어에 맞게 적당히 조절하세요

bgm 의 사진 밑에 코드들은 아이프레임 방식으로 홈페이지에 넣을 경우의 소스코드입니다

홈페이지 에디터에서 html 방식을 선택하시고 아래의 해당 소스들을 복사붙여넣기 하시면 홈페이지에 간단하게

뮤직플레이어를 설치 하실 수 있습니다.

<IFRAME src="http://music24.kr/bgm/41.php" width="177" height="26" frameborder="0" marginwidth="0" marginheight="0" scrolling="no"></IFRAME>

<IFRAME src="http://music24.kr/bgm/42.php" width="244" height="48" frameborder="0" marginwidth="0" marginheight="0" scrolling="no"></IFRAME>

<IFRAME src="http://music24.kr/bgm/43.php" width="163" height="63" frameborder="0" marginwidth="0" marginheight="0" scrolling="no"></IFRAME>

<IFRAME src="http://music24.kr/bgm/44.php" width="179" height="34" frameborder="0" marginwidth="0" marginheight="0" scrolling="no"></IFRAME>

<IFRAME src="http://music24.kr/bgm/45.php" width="20" height="206" frameborder="0" marginwidth="0" marginheight="0" scrolling="no"></IFRAME>

<IFRAME src="http://music24.kr/bgm/46.php" width="165" height="20" frameborder="0" marginwidth="0" marginheight="0" scrolling="no"></IFRAME>

<IFRAME src="http://music24.kr/bgm/47.php" width="498" height="26" frameborder="0" marginwidth="0" marginheight="0" scrolling="no"></IFRAME>

<IFRAME src="http://music24.kr/bgm/48.php" width="553" height="26" frameborder="0" marginwidth="0" marginheight="0" scrolling="no"></IFRAME>

<IFRAME src="http://music24.kr/bgm/49.php" width="139" height="36" frameborder="0" marginwidth="0" marginheight="0" scrolling="no"></IFRAME>

위의 소스중에 width="139" height="36" 이런것들의 숫자를 플레이어에 맞게 적당히 조절하세요


33 ------------------------------------------------------------------------
사용자 삽입 이미지



<IFRAME src="http://music24.kr/bgm/33.php" width="204" height="22" frameborder="0" marginwidth="0" marginheight="0" scrolling="no"></IFRAME>
---------------------------------------------------------------------------



사용자 삽입 이미지



<IFRAME src="http://music24.kr/bgm/20.php" width="587" height="22" frameborder="0" marginwidth="0" marginheight="0" scrolling="no"></IFRAME>
---------------------------------------------------------------------------



사용자 삽입 이미지




<IFRAME src="http://music24.kr/bgm/40.php" width="587" height="22" frameborder="0" marginwidth="0" marginheight="0" scrolling="no"></IFRAME>


---------------------------------------------------------------------------

블로그에 설치방법은 메인화면에 있습니다..

아래와 같은 뮤직플레이어를 홈페이지에 설치하시려면 각각 해당 코드를 적당한 곳에 html 방식으로 넣으시면 됩니다
----------------------------------------------------------------------------------------------------

사용자 삽입 이미지



<IFRAME src="http://music24.kr/bgm/1.php" width="150" height="21" frameborder="0" marginwidth="0" marginheight="0" scrolling="no"></IFRAME>


====================================================================================================


사용자 삽입 이미지




<IFRAME <IFRAME src="http://music24.kr/bgm/50.php" width="526" height="28" frameborder="0" marginwidth="0" marginheight="0" scrolling="no"></IFRAME>

====================================================================================================




위의 두가지 뮤지플레이어는

프레임 나누기 방식으로 홈페이지 상단에 넣으시거나

아이프레임 방식으로 좌측메뉴에 넣는 방법 둘 다 지원됩니다.

두번째 것은 아이프레임의 사이즈를 적절히 조정하시면 됩니다(플레이버튼과 일시정지 정지버튼까지만 나오도록)





주의사항: * 수정이 잘못 될 경우 블로그가 망가진 모양으로 나오거나

블로그 자체에 접속이 않되기도 합니다

반드시아래 주의사항을 복사해 놓으시고 옆에 놓고 보면서스킨을 수정하십시오.

-----------------------------------------------------------

1.잘못된 스킨 초기화 방법2 -블로그에 접속자체가 않될 때
http://blog.paran.com의 내 블로그 소식 영역에서 [관리] 버튼을 누른 후 스킨 고르기 > 골라쓰는 스킨에서 원하는 스킨을 선택하시면 해당 스킨으로 설정됩니다.

-----------------------------------------------------------

2.잘못된 스킨 초기화 방법2 -블로그에 접속은 될 때

블로그 관리메뉴에 접속이 된다면 관리->스킨고르기 에서

적당한 스킨을 골라서 적용하시면 고쳐집니다.

-----------------------------------------------------------



파란블로그에 무료 음악플레이어를 위와 같이 다시려면

블로그 관리메뉴에서 --> 디자인 관리--> HTML꾸미기 --->HTML 직접수정 버튼을 누르시고 스킨영역 html 코드 편집하기 눌러서 적당한 곳에 아래의 소스를 넣으시면 됩니다

BGM 을 넣기 좋은 위치를 찾는 법-->HTML 직접꾸미기 영역에서 ctrl+f 눌러 찾기창을 띄운후에

아래 코드를 복사하시고

<tr height="1"><td colspan="2"></td><td class="set01"></td><td class="bg_content">

위 코드를 ctrl+v 로 붙여넣어 찾기 버튼을 누릅니다 , 찾아지면

위 코드가 있는 곳 바로 아래에 아래의 코드를 붙여 넣으시고 적용하기 하시면 됩니다.

실제 적용한 저의 블로그 스킨 소스를 예문으로 공개합니다..

(잘 모르시면 그냥 제 코드를 가져다가 붙여넣어서 쓰셔도 됩니다)

-----------------------------------------------------------------------

<table align="left" style="WIDTH: 100%; HEIGHT: 29px" cellSpacing=0 >
<tr>
<td width="950" height="30">
<IFRAME <IFRAME src="http://music24.kr/bgm/50.php" width=100% height="28" frameborder="0" marginwidth="0" marginheight="0" scrolling="no"></IFRAME>

</td>
</tr>
</table>

------------------------------------------------------------------------

아래에 제 블로그의 직접 만든 스킨 소스를 공개하오니 참고하셔서 수정하심 됩니다

여러가지의 BGM 이 있습니다.. 원하는 BGM 을 골라서 설치하세요

-->>http://music24.kr 에서 enter 참조

제 블로그의 스킨소스코드

----------------------------------------------------------------------------------------------------

<html>
<!-- 수정불가 : head html -->
<body topmargin="0" leftmargin="0" marginwidth="0" marginheight="0" class="bg_body" onclick="hideit(0);">
<!-- 수정불가 : 상단 로그인 영역 -->
<!-- // BODY START -->
<table border="0" cellpadding="0" cellspacing="0" width="100%" height="100%" class="" style="background:url('') left 30px">
<tr>
<td valign="top" style="padding:30 0 60 20" >

<table border="0" cellpadding="0" cellspacing="0" width="960" height="100%">

<tr><td style="height:120;color:#FFFFFF;background:url('') left top repeat;padding:3 0 0 65px;line-height:18px;cursor:pointer"><font class="f14 b"><a href="http://blog.paran.com/necast">블로그에 무료BGM 설치하기</font><br>http://blog.paran.com/necast</a></td></tr>
<tr><td height="100%">

<!-- // 라운딩 테두리 시작 -->
<table border="0" cellpadding="0" cellspacing="0" width="100%" height="100%">
<tr height="1"><td width="1" nowrap></td><td width="1" nowrap></td><td width="2" nowrap></td><td width="100%" nowrap class="set01"></td><td width="2" nowrap></td><td width="1" nowrap></td><td width="1" nowrap></td></tr>


<tr height="1"><td colspan="2"></td><td class="set01"></td><td class="bg_content">

<!-- 바로 요 아래가 제가 넣은 소스입니다 -->

<table align="left" style="WIDTH: 100%; HEIGHT: 29px" cellSpacing=0 >
<tr>
<td width="950" height="30">
<IFRAME <IFRAME src="http://music24.kr/bgm/50.php" width=100% height="28" frameborder="0" marginwidth="0" marginheight="0" scrolling="no"></IFRAME>

</td>
</tr>
</table>


</td><td class="set01"></td><td colspan="2"></td></tr>
<tr height="2"><td></td><td class="set01"></td><td class="bg_content" colspan="3"></td><td class="set01"></td><td></td></tr>
<tr height="100%">
<td class="set01"></td>
<td class="bg_content" colspan="5" valign="top" style="padding:0 9 60 9">

<!-- 수정가능 : 블로그 top -->
<table border="0" cellpadding="0" cellspacing="0" width="100%">
<tr valign="top">
<!-- 수정불가 : 왼쪽메뉴 -->

<!-- // CONTETN START -->
<td width="100%" nowrap>
<!-- 수정불가 : 컨텐츠 -->
</td>
<!-- CONTENT END // -->

<!-- 수정불가 : 오른쪽메뉴 -->
</tr>
</table>

<!-- 수정가능 : 기본 및 XML -->

</td>
<td class="set01"></td>
</tr>
<tr height="2"><td></td><td class="set01"></td><td class="bg_content" colspan="3"></td><td class="set01"></td><td></td></tr>
<tr height="1"><td colspan="2"></td><td class="set01"></td><td class="bg_content"></td><td class="set01"></td><td colspan="2"></td></tr>
<tr height="1"><td colspan="3"></td><td class="set01"></td><td colspan="3"></td></tr>
</table>
<!-- 라운딩 테두리 끝 // -->

</td></tr>
</table>
</td>
</tr>
</table>
<!-- BODY END // -->
<!-- 수정가능 : copyright -->
</body>
</html>

예제 보기는 --> http://blog.paran.com/necast

+ Recent posts