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.


Ş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.



0 yorum:

Yorum Gönder