티스토리 블로그에 싸이월드 배경음악을 달자. | ETC

필자는 HTML, Javs, PHP, CGI 등에 관한 책을 한 권도 보지 않았다.
그저 필요할 때마다 완성된 소스를 보면서 구경만 했을 뿐이다.

그런 주제에 수능을 준비하던 시절,
뭔가 시간 죽일 게 없을까 고민하던 중 CGI로 구현된 웹게임을 발견한다.

이름하여 '건담 택틱스' !!!
건담에 관한 애니 한 편 안 본 주제에.
건담 게임 한번 안 해본 주제에.
CGI로 구현된 게임이었다.
Outsider라는 아이디를 사용하기에 아사군이라 불렸지.(이런, 굶어 죽는 거냐?)
잘못 작성된 CGI는 서버에 부담을 줄 수 있기에 CGI를 돌릴 수 있는 계정을 구하느라 애먹었다.
아무튼,
CGI 소스 한 줄도 쓸줄 모르면서 일단 소스부터 받았다.
일본에서 만들어진 소스였기에, 번역기 돌려서 제작자의 코멘트를 읽어가며 이리저리 수정해서 사용했지.

오랜만에 HTML 언어를 들여다봤다.
Jave도 흘깃 봤고.
여전히 뭐가 뭔지는 모르지만,
아무튼 블로그에 배경음악 달고 싶은 사람은 따라하시라!

- 티스토리 용이지만 텍스트큐브 기반의 블로그에 수정적용할 수 있을 것 같다. -
- Internet Explorer 기반 브라우져에서 정상동작한다. -

1. 관리자 - 스킨 - Skin.html 편집
(이 소스는
http://jihansome.tistory.com/762
의 내용을 수정한 것이다. 이 자리를 빌어 승호 님께 다시 한번 감사를 표한다.)

<Head> 와 </Head> 사이에 다음 내용을 붙여넣는다.
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
<script language="javascript" type="text/javascript">
var isUsed = 1;
function indexFrameLoad(){
 if(top.window.location.href.indexOf("frame.html") == -1){
 var frameURL = http://cfs.tistory.com/custom/blog/99/99999/skin/images/frame.html;
 top.window.location.href = frameURL + "?" + window.location.href;
 }
 else if(top.window.location.href.indexOf("about:blank") == -1)
         top.index.location.href = "about:blank";
}
function toolBarWidthResize(){
 var tistoryTB = document.getElementById("tistorytoolbarid");
 if(tistoryTB != null && !isToolBarResized) {
 }
 return true;
}
iframeCode = "<iframe src=\"about:blank\" name=\"sspcontrol\" style=\"position: absolute; left: 0px; top: 0px; width: 0px; height: 0px; z-index: 100\" scrolling=\"no\" allowTransparency frameborder=\"0\"></iframe>";
if(isUsed) document.writeln(iframeCode);
if(top.index == null && window.location.href.indexOf("preview") > 0) isUsed = 0;
if(top.index == null && isUsed) indexFrameLoad();
</script>
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -

빨간색으로 표시된 부분은 각자 수정해야 한다.
자신의 블로그에 접속해서 보기-소스보기를 하면 나오는데,

죽어도 이 주소를 못 찾겠다 싶은 사람은 이참에 웹 브라우져를 웹마로 바꾸는 건 어떨까?
http://mdiwebma.com/webma2/board/?id=2
처음에는 불편해보이지만 조금씩 자신에게 맞추어 쓰다보면 다른 브라우져가 눈에 안 들어온다.
요즘에는 더 가볍고 빠른 프로그램들이 많이 나왔겠지만..
아무튼 설치 후 '보기-부가기능-모든소스보기'를 누르면 메모장이 여러개 뜨는데,
cfs.tistory 같은 내용으로 검색하면 금방 찾을 수 있을 것이다.
눈치껏 얼른 수정하자.


2. index.html 수정.
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
<html>
<head>
<iframe src = "http://minihp.cyworld.com/pims/main/pims_main.asp?tid=99999999"></iframe>
</body>
</html>
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
자신의 싸이월드 주소로 수정한다.


3. frame.html 수정.
표시된 부분을 수정한다.
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
top.main.location.href = "자신의티스토리주소";
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -

4. index.html, frame.html 업로드.
'관리자-스킨-HTML 편집-파일업로드' 에서 index.html, frame.html을 업로드하면 된다.


끝났다.
이제 티스토리 블로그에서 포스트간 이동해도 끊이지 않는 배경음악이 흘러나올 것이다.
단점은 주소가 조..금 길어진다는 정도.
짦은 주소로 접속해도 다시 길어진 주소로 바뀐다.

그리고, 싸이월드 배경음악..
다른 사람 미니홈피 배경음악이 마음에 든다고 그걸 사용하는건 아니겠지?
흠흠..
알아서 하길 바란다.
(싸이월드 도토리 판매량이 늘어나려나.)

참고로 짐작했을지 모르지만 위에 적힌 내용 이외의 것을 질문해도 필자는 모른다.




,