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;
}
0.0
00
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

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…

3 gün önce

Hızlı ve Öfkeli Evreninde Geçen Bir Macera: Hobbs and Shaw (2019) Film İncelemesi

Eski bir İngiliz askeri olan Shaw (Jason Statham) Amerika'nın Diplomatik Güvenlik Servisi'nin sadık bir ajanı olan Hobbs (Dwayne Johnson) ile…

1 hafta önce

Aladdin (2019) Film İncelemesi

Aladdin vaktinin büyük kısmını Agrabah şehrinde pazardan yiyecek çalmakla geçiren fakir bir adamdır. Gecelerini şehrin farklı bölgelerinde uyuyarak geçiren Aladdin…

2 hafta önce

USB Buton Kutusu V2

13 Ocak 2019'da yaptığım usb buton kutusu hakkında bir yazı yazmıştım. Onu biraz daha geliştirip daha kullanışlı bir hale getirdim.…

3 hafta önce

Footer Tasarımı Hakkında Bilinmesi Gereken 4 Şey

Site sayfalarının altında bir web sitesi alt bilgisi bulunur. Genellikle bir telif hakkı bildirimi veya birkaç bağlantı içerir. Birçok site…

1 ay önce

Abant Gölü’nde Kamp

Abant Gölü Bolu şehrinin 34km güneybatısında Abant Dağları üzerinde oluşmuş bir birikinti gölüdür. Gölün denizden yüksekliği 1328 metredir. 1988 yılında…

1 ay önce