Bu sitedeki her şey Sevgi ile kodlanmıştır.

Kategori Listesini Göster

Blogger'da "Yükleniyor Efekti" Nasıl Yapılır?


FacebookTwitterPinterestTumblrYazdır


Blogger için farklı ve bir o kadar da orijinal içerikleri kaleme almaya devam ediyoruz. Bildiğiniz gibi bazı web sitelerinde, sayfalar yüklenir iken "yükleniyor (loading)" benzeri bir sayfa daha açılır. Aslında ne kadar gerekli olduğu tartışılır, ancak farklılık açısından bu yönde kullanım sağlanabilmektedir. Dilerseniz bu işlemi Blogger'da yapabiliriz. Aşağıda yer alan adımlar doğrultusunda blogunuz için yükleniyor efekti adlı eklentinin kurulumunu gerçekleştirebilirsiniz.

AYRICA: Blogger için Rastgele Yazılar Eklentisi

Blogger için Yükleniyor Efekti Eklentisi

1) Temanızdaki aşağıdaki kodu bulun.

</body>

2) Aşağıdaki kodları, yukarıdaki koddan önce ekleyin.

<style type='text/css'>
#loading{
position: fixed!important;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 9999;
background:#000 url(https://lh3.googleusercontent.com/-w0k9WLYgI4E/VtV1Nimf30I/AAAAAAAAER4/PqMxsluu_-A/s500-Ic42/4f432d9234988a5f33b26e0ba06bc6fe.gif) no-repeat 50% 50%;
display: none;
font: 0/0 a;
text-shadow: none;
padding: 1em 1.2em;
}
</style>
<script type='text/javascript'>
//<![CDATA[
$(document.body).append('<div id="loading">Loading...</div>');
$(window).on("beforeunload", function() {
// ... Show the Animation `.fadeIn()`
$('#loading').fadeIn(1000).delay(9000).fadeOut(1000);
});
//]]>
</script>


  1. Yorum bulunmamaktadır.

Bu yazıya yorum göndermek ister misiniz?

Dikkat: Her yorum gönderen kişi, kendi gönderdiği yorumdan sorumlu olmaktadır.
Not: Yazı ile herhangi bir ilgisi bulunmayan yorumların onaylanmadığını belirtmek isteriz.
Yazı Etiketleri
Yukarı Çık