어제 운좋게 DAUM 메인에 글이 올라가서,
블로그에 트래픽이 엄청 심해졌네요.
때문에 로딩도 매우 느려졌구요.
이런 경우가 처음인지라, 무작정 손들고 있었는데, 때마침 좋은 정보를 찾았습니다.
Gulendol 님의 2007년 6월 30일자 포스팅이니,
왠만한 고수분들은 다들 알고 계시겠네요..
저도 페이지 늦게 열리는 곳은 가차없이 X표를 눌러버리기 때문에, 요런 로딩 이미지 띄우는거 너무 좋은거 같네요.
재밌는건, "미리보기"를 할때도 약간의 시간이 걸렸었는데, 그때도 로딩 이미지가 나타납니다.
멀뚱멀뚱 기다리기보다 이런 이미지 하나라도 있으면 덜 지루하겠죠~^^*
워낙 코딩에 약한지라, 훗날 잊어 버릴까봐
Gulendol님의 티스토리 페이지 로딩 메세지 표시하기 를 재 포스팅 합니다.
자세한 설명은 위에 링크를 확인하세요.
코드 수정은 Gulendol님의 상세한 설명을 복사/붙여넣기 만으로 끝냈습니다.
위에 파란색으로 표시된 부분만 skin.htm 에 넣어주면 끝~!
친절하게 로딩중 이미지도 여러개 올려주셨습니다.
블로그에 트래픽이 엄청 심해졌네요.
때문에 로딩도 매우 느려졌구요.
이런 경우가 처음인지라, 무작정 손들고 있었는데, 때마침 좋은 정보를 찾았습니다.
Gulendol 님의 2007년 6월 30일자 포스팅이니,
왠만한 고수분들은 다들 알고 계시겠네요..
로딩중입니다..
저도 페이지 늦게 열리는 곳은 가차없이 X표를 눌러버리기 때문에, 요런 로딩 이미지 띄우는거 너무 좋은거 같네요.
재밌는건, "미리보기"를 할때도 약간의 시간이 걸렸었는데, 그때도 로딩 이미지가 나타납니다.
멀뚱멀뚱 기다리기보다 이런 이미지 하나라도 있으면 덜 지루하겠죠~^^*
워낙 코딩에 약한지라, 훗날 잊어 버릴까봐
Gulendol님의 티스토리 페이지 로딩 메세지 표시하기 를 재 포스팅 합니다.
자세한 설명은 위에 링크를 확인하세요.
코드 수정은 Gulendol님의 상세한 설명을 복사/붙여넣기 만으로 끝냈습니다.
<!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>
.
.
.
<script type="text/javascript">
//<![CDATA[
function switchScreen() {
document.getElementById("divLoading").style.display = "none";
document.getElementById("divBody").style.display = "";
}
//]]>
</script>
</head>
<body onload="switchScreen();">
<div id="divLoading" style="position:absolute; top:35%; left:0; width:100%; text-align:center; margin:0 auto;">
<img src="./images/loading.gif" alt="잠시만 기다려 주세요. 로딩중입니다." />
</div>
<div id="divBody" style="display:none;">
<s_t3>
.
.
.
</s_t3>
</div><!-- /divBody -->
</body>
</html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
.
.
.
<script type="text/javascript">
//<![CDATA[
function switchScreen() {
document.getElementById("divLoading").style.display = "none";
document.getElementById("divBody").style.display = "";
}
//]]>
</script>
</head>
<body onload="switchScreen();">
<div id="divLoading" style="position:absolute; top:35%; left:0; width:100%; text-align:center; margin:0 auto;">
<img src="./images/loading.gif" alt="잠시만 기다려 주세요. 로딩중입니다." />
</div>
<div id="divBody" style="display:none;">
<s_t3>
.
.
.
</s_t3>
</div><!-- /divBody -->
</body>
</html>
코드 보기.txt위에 파란색으로 표시된 부분만 skin.htm 에 넣어주면 끝~!
친절하게 로딩중 이미지도 여러개 올려주셨습니다.
'BLOG Info' 카테고리의 다른 글
| 네이버 오픈캐스트 첫 발행 (9) | 2009.04.09 |
|---|---|
| 티스토리 심플 스킨 만들기....초보 블로거 학습기 (6) | 2009.04.01 |
| 쪽지가 도착했습니다~ (9) | 2009.04.01 |
