티스토리 블로그 로딩 화면 만들어주기_소스 코드 추가

"티스토리 블로그"

『로딩화면 만들기 소스 코드』

 

 

티스토리 운영 시 광고 노출을 위해서

 

블로그 화면의 이미지 및 광고를 불러올 동안

 

로딩화면을 띄워 주는 방법을

 

지난 포스팅에서 방법을 알려 드렸습니다.

 

▣ 티스토리 블로그 로딩화면 만들기▣

 

티스토리 블로그 효율적인 광고 노출을 위한 로딩 이미지 삽입(로딩화면)

 

몇분들께서 로딩화면 만드는 소스를 

 

복사되게 해 달라는 요청이 있으셔서

 

소스코드 파일을 올려드립니다.

 

바로 다운로드 받으시면 됩니다^^

 

 

▼로딩화면 소스 코드 파일▼

티스토리 로딩화면 코드.txt

0.00MB

---

소스 코드 내용은 지난번과 동일합니다.

<!-- Loading 화면 코드 시작 -->

<script src="https://code.jquery.com/jquery-1.8.0.js"
  integrity="sha256-00Fh8tkPAe+EmVaHFpD+HovxWk7b97qwqVi7nLvjdgs="
  crossorigin="anonymous"></script>
<script type="text/javascript">
 $(window).on('load', function () {
      $("#load").hide();
 });
</script>
<style type="text/css">
#load {
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	position: fixed;
	display: block;
	opacity: 0.8;
	background: white;
	z-index: 99;
	text-align: center;
}

#load > img {
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: 100;
}
</style>
<div id="load">
	<img src="./images/loading.gif" alt="loading">
</div>
<!-- Loading 화면 코드 종료-->

소스 코드 확인하시어 자신에게 맞는

 

로딩화면을 만들어 보세요~