Blogger blog sitesi yöneticilerinin sayfa geçiş ve yüklenme süreleri zaman diliminde bir ön yükleme efekti eklentisi kullanmak istiyor. Bu yazımızda blog sitelerinin sayfaları arka planda yüklenirken sayfanızın yüklendiğini gösteren ön yükleme eklentisinin blog sitesine nasıl eklendiği ve nasıl çalıştığı hakkında bilgiler paylaşacağım.Blog sitesi sayfa yüklenme süresi 2 (iki) saniyenin üzerindeyse, bir sayfa ön yükleme bilgi eklentisi kullanabilirsiniz. Eğer, blog sayfaları 2 (iki) saniye veya daha az sürede yükleniyorsa, bir ön yükleme bilgi eklentisi kullanmanıza gerek yoktur.Sayfa ön yükleme eklentisi, blog sitenizin sayfaları arka planda yüklenirken ön yükleme sayfasında blog sayfanızın yüklendiği hakkında ziyaretçilere bilgi verir ve sayfa yüklendiğinde otomatik olarak kapanır.Blogger Özel Önyükleme Ekranı OluşturmaPaylaşmış olduğum sayfa ön yükleme eklentileri CSS3 ve basit bir javascrip kodu ile çalışmakta ve blog sayfalarının yüklenme hızını olumsuz yönde etkilemez. Blog sitenize bir sayfa ön yükleme eklentisi kurmak istiyorsanız aşağıdaki adımları takip edin.Blogger Bloglarına Sayfa Ön Yükleme Eklentisi Nasıl Kurulur?Blogger hesabınıza giriş yapın yapın ve blogunuzun kumanda panelinde bulunan Tema > HTML'i Düzenle yolunu takip ederek tema editör sayfasını açın ve aşağıdaki adımları uygulayın.jQuery 1.7.1 SürümüÖn İzlemeSayfa Ön Yükleme Eklentisi - 2CSS/*,.loader-spinner-inner.loader-spinner.loader-spinner-inner spinto} spinto} spinto} spinbackto} spinbackto} spinbackto}/*]]>*/HTMLjQueryÖn İzlemeSayfa Ön Yükleme Eklentisi - 3CSS/* title48%52%70%100%} title48%52%70%100%} fade100%} fade100%} loader-bg50%90%} loader-bg50%90%} blink5%10%15%20%25%30%35%40%45%50%51%55%60%65%70%75%80%85%90%95%96%100%} blink5%10%15%20%25%30%35%40%45%50%51%55%60%65%70%75%80%85%90%95%96%100%}.loader-wrap.loader-bg.pre-loading.pre-loading span.pre-loading span:after.pre-loading span.title.pre-loading span.text/*]]>*/HTMLYükleniyor...jQueryÖn İzlemeSayfa Ön Yükleme Eklentisi - 4CSS/* div.loader-juggle div:nth-child(1).loader-juggle div:nth-child(2) juggle12.5%25%37.5%50%62.5%75%87.5%100%}/*]]>*/HTMLjQueryÖn İzlemeSayfa Ön Yükleme Eklentisi - 5CSS/* loader-spinner-wiggle40%50%60%}.loader-spinner:before,.loader-spinner:after.loader-spinner:before.loader-spinner:after loader-spinner-spin} loader-spinner-fade40%60%}/*]]>*/HTMLjQueryÖn İzlemeSayfa Ön Yükleme Eklentisi - 6CSS/*:nth-child(1).loader-balls:nth-child(2).loader-balls:nth-child(3).loader-balls:nth-child(4) move100%}/*]]>*/HTMLjQueryÖn İzlemeSayfa Ön Yükleme Eklentisi - 7CSS/* rotator100%}.path colors25%50%75%100%} dash50%100%}/*]]>*/HTMLjQueryÖn İzlemeSayfa Ön Yükleme Eklentisi - 8CSS/* loader-do20%40%50%46%80%90%100%}.loader-step anim50%100%} İzlemeSayfa Ön Yükleme Eklentisi - 9CSS/* li.loading.reversed li:nth-child(1n).loading.reversed li:nth-child(2n).loading.reversed li:nth-child(3n).loading li.loading li:nth-child(1n).loading li:nth-child(2n).loading li:nth-child(3n) LOADING50%100%}/*]]>*/HTMLjQueryÖn İzlemeSayfa Ön Yükleme Eklentisi - 10CSS/*:first-child.moving-ball:nth-child(2).moving-ball:nth-child(3).moving-ball:nth-child(4).moving-ball:nth-child(5).moving-ball:nth-child(6) loader-balls45%65%95%}/*]]>*/HTMLjQueryÖn İzlemeSayfa Ön Yükleme Eklentisi - 11CSS/* > .steps.loader > .steps:nth-child(2).loader > .steps:nth-child(3) steps130%,36%63%,69%} steps230%,36%63%,69%} steps330%,36%63%,69%}/*]]>*/HTMLjQueryÖn İzlemeSayfa Ön Yükleme Eklentisi - 12CSS/*[class^="balls-"] circleRotate100%}.balls-1.balls-2.balls-3.balls-4.balls-5.balls-6.balls-7.balls-8/*]]>*/HTMLjQueryÖn İzlemeSayfa Ön Yükleme Eklentisi - 13CSS/* translateRotation100%}/*]]>*/HTMLjQueryÖn İzlemeSayfa Ön Yükleme Eklentisi - 14CSS/* > div.spinner .rct2.spinner .rct3.spinner .rct4.spinner .rct5 stretchdelay20%} stretchdelay20%}/*]]>*/HTMLjQueryÖn İzlemeBlogger siteleri için birbirinde farklı sayfa ön yüklenme eklentilerini sizlerle paylaştım. Bu yazımızda paylaşılan eklentiler hakkında görüş ve sorularınız için yorum formunu kullanabilirsiniz.