Kategoriler: BloggerSiteniz İçin

Blogger için jQuery ile yükleniyor sayfası

Bu araç site yüklenirken tek tek resimlerin gelmesi ve yazıların felan yüklenmesi kısmında devreye giriyor ve karşımıza arkaplan rengini kendimizin belirleyebileceği bir sayfa geliyor burada %0 – &100’e kadar yükleniyor yazıyor ve altında ince bir bar da var. Ekranın ortasında büyük bir şekilde çok hoş duruyor. Kodu eklemek için malum yere gelelim Tasarım > HTML’yi Düzenle Daha sonra aşağıdaki kodu buluyoruz;

</head>

Bulduğumuz kodun başına şu kodları ekliyoruz.

<script src='https://sites.google.com/site/sonsamsunluforever/asda/jquery-1.5.min.js' type='text/javascript'/>
<script src='https://sites.google.com/site/sonsamsunluforever/asda/queryLoaderpre.js' type='text/javascript'/>

Ardından aşağıdaki kodu buluyoruz;

</body>

Ve başına şu kodları ekliyoruz.

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

Sıra geldi CSS kodlarına, bunun içinde öncelikle aşağıdaki kodu buluyoruz;

]]></b:skin>

Ondan sonra aşağıdaki CSS kodlarını bulduğmuz kodun başına ekliyoruz. Aşağıdaki kodda açıklamaları yaptım isteğinize göre düzenleyebilrisiniz.

.QOverlay {
background-color: #000000; /* Yükleme sayfasının arkaplan rengi */
z-index: 9999;
}

.QLoader {
background-color: #CCCCCC; /* Yükleme çubuğunun rengi */
height: 1px;
}

.QAmt {
color:#FF530D; /* %100 kısmının yazı rengi */
font-size:50px; /* yazı büyüklüğü */
font-weight:bold;
line-height:50px;
height:50px;
width:100px;
margin:-60px 0 0 -50px;
}
Furkan Özden @frknzdn

Blog dünyası ile 2009 yılında tanıştım. Bloğumda haftada en az bir yazı yayımlıyorum. Yazdığım yazıları beğendiyseniz beni Twitter'dan (@frknzdn) takip edebilirsiniz. Daha fazlası için hakkımda sayfasını ziyaret edin.

Paylaş
Yazar
Furkan Özden @frknzdn
Etiketler: Blogger Eklentileri

Son Gönderiler

The Conjuring Evreni Filmleri Hangi Sırayla İzlenmeli?

Conjuring ve Annabelle filmleri iki farklı sırada izlenebilir. Annabelle Comes Home'un vizyona girmesiyle birlikte The Conjuring evreni toplamda yedi filme…

1 gün önce

Oyuncu Kulaklığı Sektörü

Oyun dünyasındaki gelişimi birçok sektöründe yakından takibinde ve bu alana yönelmesinde öncü olmuş durumda. Günümüzde birçok markanın bilgisayarlarını bu alanda…

2 hafta önce

Zombieland 2’den Önce Hatırlamanız Gereken En Önemli 10 Şey

Ölüler ayağa kalktığında eskileri hatırlamak önemlidir! Bu listede uzun zamandır beklenen devam filmi ile ilgili temel gerçekleri ve temel bilgileri…

2 hafta önce

Windows’u Etkinleştir Yazısı Kaldırma İşlemi Nasıl Yapılır?

"Windows'u Etkinleştir" yazısını kaldırmak için internette birçok yöntem mevcut. Çoğunluğunda da Windows'u Etkinleştir yazısı kaldırma işlemi için kayıt defteri düzenlenmesi…

3 hafta önce

GRID (2019) Oyun İncelemesi

Bu incelemeye başlamadan önce size şu üç türün amacını hatırlatmanın önemli olduğunu düşünüyorum: Arcade: Bu oyunların amacı kısa sürede oyuncuyu…

4 hafta önce

WordPress’e Yeni Başlayanların Yaptığı 6 Hata

  WordPress bir CMS (içerik yönetim sistemi) olarak ilk web sitelerine yeni başlayanlar için mükemmeldir. Kullanıcıların kod yazmasını gerektirmez. SEO…

1 ay önce