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

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
Etiketler: Blogger Eklentileri

Son Gönderiler

#Alive (2020) Film İncelemesi

#Alive, Cho il Hyung tarafından yönetilen ve Yoo Ah-in ile Park Shin-hye'yin iki genç yetişkini…

1 hafta önce

MSI Optix AG32CV 31.5″ 165Hz 1ms Monitör İncelemesi

Yaklaşık üç ay önce MSI Optix AG32CV model monitörünü satın aldım. Bu inceleme yazısını da…

1 ay önce

Ralli Pilotuyla Yarıştım

Evet doğru. Bizim Youtuberlardan neyimiz eksik. Biz de böyle başlık atabiliriz yani, neden olmasın? Gerçekten…

2 ay önce

Durdurulamaz Güç (2020) Film İncelemesi

Vin Diesel, yakın zamanda bir eylemde öldürülen ve RST şirketi tarafından süper kahraman Bloodshot olarak…

2 ay önce

M60 AMBT War Thunder’a Geliyor!

Bilindiği gibi War Thunder belli süre arayla Dünya Savaşı etkinliği yapıyor. Bu sezonki dünya savaşı…

3 ay önce

Oyun Marketi

Dijitalleşmenin oyunlar üstündeki etkisinin de günden güne arttığı günümüzde haber oyun sitelerinin ihtiyacı da artmıştır.…

3 ay önce