홈페이지 제작/드림위버&블로그&컴퓨터

티스토리에 색다른 방법으로 배경음악 넣기..

JINSTALE 2010. 9. 18. 17:50

적용된 블로그 사이트
http://hinari.tistory.com/


우선..링크로 들어가시면 블로그 상단 부분에 음악 플래시 가 떠있을겁니다..
티스토리 에서는 배경음악을 넣어도 네이버 블로그 처럼 항상 배경음악이 나오는것이 아니라..
페이지 넘길때마다 음악이 바뀌거나 끊기게돼저..
그래서 생각 해본게..그렇다면.. 아에 배경음악이 나오는 페이지에 내 블로그를 넣어주면 돼겠다란 생각이 들더라구요..

그래서 티스토리 제2 계정에다가 html 싹다 지우고..기본적으로 상단에 음악 플래시 나올수있게 링크를 걸고..
아이프레임으로 제1계정 블로그를 블러오니..네이버 블로그 처럼 음악이 끊기지 않으면서 들을수있게돼네요..

그런데.. 이게 제대로 돼는건지.. 확실 하지가 않네요.. 제가 소스를 잘 다루는 게 아니라..
일단 제컴퓨터 환경에서는 완벽하게 잘돼지만.. 다른 환경에서는 어떻게 될지 ㅎㅎ

그래서 저보다 더 잘 아시는 분들이 해결해 주실거라 믿고 아이디어 차원에 포스팅 글을 씁니다 ^^
(법적으로 문제가 될지도 모르겠군요 ㅡㅡ;;)



제2계정에 적용한 소스 입니다..

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=euc-kr" />
<title>Untitled Document</title>
</head>
<div style=" position:fixed; top:7px; left:7px; width:100px; height:300px; background:#transparent">
<iframe src="http://my9004.oranc.co.kr/jins.swf" frameborder="0" width="180" height="72" allowTransparency="true"></iframe>
<br>
 
 
 
</div>
 
 
 
 
<style type="text/css">
 html, body {
    height: 100%; overflow:hidden;
}
</style>
<html>
<body>
<iframe style="width: 100%;  height: 100%;" src="http://jinstale.tistory.com/">
</iframe>
 
</body>
</html>