Blogger Sayfanızın İçin Loading Ekranı

ofdew.blogspot.com

Türkçe Çeviri Olarak İyinet"e Paylaşmak İstedim.

1. Aşama

Panelden, Tasarım > HTML"yi Düzenle Bölümüne Gelin

Orda CTRL + F Yapıp "</head>" Kodunu Aratın. Sonra Bulduğunuz </head> Kodunun 1 Satır Atarak Altına

<script src='http://code.jquery.com/jquery-1.5.min.js' type='text/javascript'/>
<script src='http://blogger-loader.googlecode.com/files/queryLoaderpre.js' type='text/javascript'/>

Bölümünü Yapıştırın.

Örnek:

Kod:

</head>

<script src='http://code.jquery.com/jquery-1.5.min.js' type='text/javascript'/>
<script src='http://blogger-loader.googlecode.com/files/queryLoaderpre.js' type='text/javascript'/>

2. Aşama

Aynı Şekilde "</body>" Kodunu Aratın Ve Altına

Kod:

<script>
	QueryLoader.selectorPreload = "body";
	QueryLoader.init();
</script>

Yazısını Yapıştırın.

3. Aşama

Panelden, Tasarım > Şablon Tasarımcısı > Gelişmiş > CSS Ekle

Bölümüne Gelince Büyük Bir Kutucuk Çıkacaktır Oraya:

Kod:

]]></b:skin>

And before it , add this code,
.QOverlay {
	background-color: #000000;
	z-index: 9999;
}

.QLoader {
	background-color: #CCCCCC;
	height: 1px;
}

.QAmt {
	color:#FF530D;
	font-size:50px;
	font-weight:bold;
	line-height:50px;
	height:50px;
	width:100px;
	margin:-60px 0 0 -50px;
}

Bu Kodu Yapıştırın.

İşlem Bukadar Sonra AnaSayfaya Gelin Ve Ekran Kararıcaktır. Büyük Bir Yükleme Çubuğu Çıkıcaktır. Teşekkürler.