AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA
» Apple'ın Katlanabilir iPhone Planları: 2026'da Piyasada!  » Yapay Zeka, İstihdam ve Etik Sorunlar  » iOS 19 Güncellemesi Alacak Tüm iPhone Modelleri Belli Oldu  » BİM 4 Nisan 2025 Aktüel Ürünler Kataloğu  » Ailelere Togg desteği geliyor  » Dijital Dönüşüm Ofisi ve İnsan Kaynakları Ofisi kapatıldı  » Devlet Tiyatroları’ndan oyun biletlerine yüzde 70 zam  » Elektrik ve Doğalgaz faturalarına yüzde 25 zam mı geliyor  » Türkler Dubai’ye akın ediyor konut satışları patladı  » Ramazan Bayramı dolayısıyla hükümlü ve tutuklular için açık görüş izni çıktı  » Fenerbahçe-Galatasaray Derbisi Golleri ve Maç Özeti  » TMSF Maydonoz Döner'in araçlarını satışa çıkardı  » BAYRAM NAMAZI SAAT KAÇTA? NASIL KILINIR  » TİGEM 306 Geçici Mevsimlik İşçi Alacak  » Çevre, Şehircilik ve İklim Değişikliği Bakanlığı 210 milli emlak uzman yardımcısı alınacak  » Altından bir rekor daha  » Poco, uzun süredir beklenen F7 Pro ve F7 Ultra modellerini tanıttı  » Doğum yardımı Meclis’ten geçti  » Döviz mevduatlarında rekor artış  » Beşiktaş - Galatasaray Derbisi Golleri ve Özeti  » Tekstilde İşler Tersine Döndü Bir Bir İflaslar açıklanıyor  » Akbank Ücretsiz Dyson Dağıtıyor  » Bayram Tatili 9 Gün Oldu  » BİM 28 Mart 2025 Aktüel Ürünler Kataloğu  » A101 27 Mart 2025 Aktüel Ürünler Kataloğu   

26 Ocak 2017 Perşembe

Blogger Açılışta Yükleniyor Eklentisi



Blog sayfaları bazı nedenlerden dolayı geç açılabiliyor ve sayfa tam yüklenmemiş gibi gözükebiliyor. Bu eklenti sayesinde siteniz açılırken ziyaretçileriniz sayfa dolum yüzdesi ekranı ile karşılacaklar ve sayfanız tamamen yüklendiğinde giriş yapabilecekler. Kısacası dolum çubuğunun hızı blogunuzun açılma hızıyla orantılı olarak çalışıyor.

Eklentinin demosunu görmek isterseniz lütfen buraya tıklayın. 

Kuruluma geçelim.

Şablon bölümünden HTML düzenle bölümüne giriyoruz.

İlk önce
</head>

kodundan önce

<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'/>

kodlarını ekliyoruz.

Daha sonra

</body>

kodunu buluyoruz ve öncesine

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

kodlarını ekliyoruz.

Sonraki adımda ise

]]></b:skin>

kodunu buluyoruz ve önüne

.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;
}

kodlarını ekliyoruz.

İşlem bu kadar. Sorun yaşamanız halinde yorum bölümünü kullanmanız yeterli olacaktır.

Benzer Yazılar:

0 yorum:

Yorum Gönder