Blogger Sayfa Yükleniyor Eklentisine Resim Ekleme

Bildiğiniz gibi bloglarımızda bazen internetin yavaş olması veya blogumuzun yükleme sırasında biraz zaman geçirmesi oluyor 2-3 sn veya başka süre  olabiliyor.Bu geçişlere özel bir efekt vermek isterseniz aşağıdaki kodları kendi blogunuza uygulayabilirsiniz.

Blogger Paneline Girin. .

Şablon Tıklıyoruz > HTML Düzenle > CTRL+F yardımı ile ]]></b:skin> kodunu buluyoruz ve aşağıdaki kodları hemen üstüne yerleştiriyoruz

/* Blogger Sayfa Yükleniyor Resim Ekleme bloggerturkey.com

----------------------------------------------- */

#loading { 
    position:absolute; 
    width:300px; 
    top:0px; 
    left:50%; 
    margin-left:-150px; 
    text-align:center; 
    padding:7px 0 0 0; 
    font:bold 11px Arial, Helvetica, sans-serif; 
}

Tekrar CTRL+F yardımı ile </head> kodunu buluyoruz ve aşağıdaki kodları hemen üstüne yerleştiriyoruz

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script> 
<script type="text/javascript"> 
$(window).load(function(){ 
      $("#loading").hide(); 
}) 
</script>

Tekrar CTRL+F yardımı ile </body> kodunu buluyoruz ve aşağıdaki kodları hemen üstüne yerleştiriyoruz

div id="loading">
Yükleniyor content, Lütfen Bekleyiniz..<br/>
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg0ybfTv2RgqSyy3qJQoavheMaydQWc7X9B0oXFpstoTJL3k4f3grCr4gXpzU3qXvxZtbbt0ZUVWmYk7fVp4oMxuMqQPtI9v1pnfOdo_oeqqU6glML5ZD27Q4pJ2zDZOdzBa1w7uK5b3UAH/s1600/bd-loader.gif" alt="yükleniyor.."/>
</div>

Daha sonra blogumuzda herhangi bir sayfa geçişi yapalım blogunun üstünde görüceksiniz yükleme resmini.

Bu resimlerden farklı bir resim denemek isterseniz bu adresten kendinize seçebilirsiniz. Ajax Loading Gif Generator.

http://www.bloggerturkey.com/2013/08/blogger-sayfa-yukleniyor-eklentisine.html