웹서버에 부담을 주지않고 홈페이지에 음악넣기 팁(프레임 이용)

Posted by sangnok yoojin
2007. 6. 3. 15:32 홈페이지 정보/● 홈페이지 tip ▶

웹서버에 부담을 주지않고 홈페이지에 음악넣기 팁(프레임 이용)

제로보드나 티티보드등의 원프레임홈페이지에는 이 방법이 가장 좋습니다
프레임으로 분리해서 상단이나 하단에 뮤직플레이어를 넣고 메인프레임에는 홈페이지를 넣는 방법입니다

사용자 삽입 이미지


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

프레임을 이용해서 제 홈페이지에 설치된 뮤직플레이어를 빌려다 쓰는 방법입니다.
(제 홈피는 1년내내 24시간 켜있으니 많이 빌려다 쓰세요)

이 방법은 프레임을 이용해서 홈페이지에 음악을 넣는 건데요..

홈페이지의 메인 index.htm 페이지를 프레임을 이용해서 조금만 수정해주면

웹서버에 부담을 주지않고..또한 php가 설치되지 않은 웹서버나, 파란카페 같은 곳에도 음악을 넣을 수

있답니다. 아래의 설명을 따라서 한번 해보세요
-------------------------------------------------------------------------------------------

1.원래의 홈페이지 메인 index.html 파일의 이름을 main.html ( htm 이 아니고 html 임)로 바꾸고 나서

2.첨부파일을 다운 받아 압축 푸시면 나오는 index.html 파일을 메모장으로 열어서

아래의 설명과 같은 위치에 main.html (위에서 이름을 바꾸어 두었던 것)의

인터넷 주소를 써넣고 저장시킨다.

3.위의 2번에서 수정한 그 index.html 파일을 웹서버( 원래의 메인 index.html 파일 있어야

할 곳) 에 대신 복사해 넣는다

-----------------------------------------------------------------------------------------
이하 2번 설명 관련

첨부파일을 압축풀면 나오는 index.html을 메모장으로 열면 아래와 같이 나옵니다.

<html>
<head>
<title>환영합니다</title>
<meta http-equiv="Content-Type" content="text/html; charset=euc-kr">
</head>
<frameset rows="30,*" rows1="30,*" rows2_disabled="60,*" frameborder="0" framespacing="0" name="fst">
<frame src="http://lovene.dnip.net/aquamp/index.html" name="aquamp" frameborder="0" noresize>
<frame src="http://이곳에 자신의 홈페이지 main.html의 주소를 넣습니다or카페주소" frameborder="0" noresize>
</frameset>
</html>


-----------------------------------------------------------------------------------------
첨부파일

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

위와 같이 하시고 홈페이지로 접속해 보시면, 맨위에 음악이 나오는 아쿠아 엠프가 생겼을 겁니다.

미리보기는 여기를 눌러보세요--> http://lovene.dnip.net



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


홈페이지 하단에 뮤직플레이어를 위치시키려면 아래의 소스로 대신하시면 됩니다


<html>
<head>
<title>환영합니다</title>
<meta http-equiv="Content-Type" content="text/html; charset=euc-kr">
</head>
<frameset rows="*,30" rows1="*,30" rows2_disabled="60,*" frameborder="0" framespacing="0" name="fst">

<frame src="http://이곳에 자신의 홈페이지 main.html의 주소를 넣습니다or카페주소" frameborder="0" noresize>
<frame src="http://lovene.dnip.net/aquamp/index.html" name="aquamp" frameborder="0" noresize>
</frameset>
</html>


==============
기타 다른 모양의 뮤직플레이어
사용자 삽입 이미지
사용자 삽입 이미지






사용자 삽입 이미지


==================================================================
이 댓글을 비밀 댓글로

아이프레임을 이용한 뮤직플레이어 넣기

Posted by sangnok yoojin
2007. 6. 3. 15:27 홈페이지 정보/● 홈페이지 tip ▶

아이프레임을 이용한 뮤직플레이어 넣기

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






사용자 삽입 이미지


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

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

적용된 것 미리보기는 ---> --->http://lovene.dnip.net/
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://lovene.dnip.net/bgm/bgm.php" width="159" height="87" frameborder="0" marginwidth="0" marginheight="0" scrolling="no"></IFRAME>
</td>
</tr>
</table>
------------------------------------------------------------------------------------






방법2-가로형식 길다란 빨간 뮤직플레이어(<--클릭)
사용자 삽입 이미지


=================================================================================
<table align="left" style="WIDTH: 800px; HEIGHT: 30px" cellSpacing=0 >
<tr>
<td width="800" height="30">
<IFRAME src="http://lovene.dnip.net/aquamp/index.html" width="800" height="30" frameborder="0" marginwidth="0" marginheight="0" scrolling="no"></IFRAME>

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


적용된 것 미리보기는 ---> ---> http://lovene.dnip.net


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



방법3-깜찍한 미니 뮤직플레이어(<--클릭)

사용자 삽입 이미지






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

<table align="left" style="WIDTH: 141px; HEIGHT: 58px" borderColor=#e7e7e7 cellSpacing=0 cellPadding=2 bgColor=#ffffff border=0 >
<tr>
<td width="139" height="56">
<IFRAME src="http://lovene.dnip.net/mini_player.php" width="139" height="56" frameborder="0" marginwidth="0" marginheight="0" scrolling="no"></IFRAME>
</td>
</tr>
</table>
------------------------------------------------------------------------------------








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


아래에는 홈페이지 소스에 적용한 예문입니다.참고하세요
---------------------------------------------------

<html>

<head>
<meta http-equiv="content-type" content="text/html; charset=euc-kr">
<title>따뜻한 음악이 있는 곳</title>

</head>

<body bgcolor="white" text="black" link="blue" vlink="purple" alink="red" leftmargin="0" topmargin="0">
<IFRAME src="http://lovene.dnip.net/aquamp/index.html" width="800" height="30" frameborder="0" marginwidth="0" marginheight="0" scrolling="no"></IFRAME>

</html>


----------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------
*참고: 위의 소스 중에 leftmargin="0" topmargin="0" 이것을 홈페이지의 body 소스에 넣으면 여백이 없이 좌측상단에 딱 붙게 됩니다

이 댓글을 비밀 댓글로