Blogger Sayfa yüklenme efekti 

Adım 2:Açılan kod sayfasında CTRL+F yaparak </head> kodunu buluyoruz.Daha sonra aşağıda bulunan css kodlarını yapıştırıyoruz.

#abt-page-loader { position: fixed!important; top: 0; right: 0; bottom: 0; left: 0; z-index: 9999; background:#000 url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjmGj2bC4oNfLHsvYqGaPen9KD4zCWa6bKnFxYFJ9BYXLqEnN3MyeqDQPyWfoAjDpjghNw2VQnG5157i7SUNOBYqJp8jbGbC1LqzOvScf8XB_JZRTGIvkjtjYgsAddpcwAOqtyDxPhi3oI/s200/load6.gif') no-repeat 50% 30%; color: #FFF; display: none; font: 0/0 a; text-shadow: none; padding: 1em 1.2em; }

Adım 3:Bu seferde </body>  kodunuz aratıp hemen önce aşağıdaki kodları ekliyoruz.

<script type='text/javascript'> //<![CDATA[ $(document.body).append('<div id="abt-page-loader"> Loading...</div> '); $(window).on("beforeunload", function() { // ... Show the Animation `.fadeIn()` $('#abt-page-loader').fadeIn(1000).delay(6000).fadeOut(1000); }); //]]> </script>