Blogger'a Animasyonlu Açılış Efekti Eklemek!

Blogger'da yazı yamanız kadar tasarımına önem göstermeniz de önemli.Eğer ki,kötü bir tasarım yaparsanız takipçi sayınız da onunla doğru orantılı olacaktır.Blogger'a girerken yüklenme aşamasında kötü gözüküyor ise size bu açılış efektini kullanmanızı öneririm.

  1. İlk olarak Blogger'a girerek bloğunuzu seçin.
  2. Şablon > HTML'yi Düzenle diyerek kodlama sayfasını açın.
  3. Aşağıdaki kodu ]]></b:skin> kodundan bir satır öncesine yapıştırın.

  4. .loader { position: fixed; left: 0px; top: 0px; width: 100%; height: 100%; z-index: 9999; background: url('Resim URL') 50% 50% no-repeat rgb(249,249,249);}
  5. <body> ya da <body... kodunun bir satır altına aşağıdaki kodu ekleyin.
  6. <div class="loader"></div>

  7. Aşağıdaki kodu </head> kodundan bir satır öncesine ekleyin.
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script> <script type="text/javascript"> $(window).load(function() { $(".loader").fadeOut("slow"); }) </script>
Not:İsterseniz yüklenme gifini farklı bir gifle değiştirebilirsiniz.Bunun için https://lh3.googleuser..... ile devam eden yere linkini yapıştırın.
Kaynak : http://www.bloggersstand.com/2015/12/how-to-display-gif-animation-effect-on-website-page-load.html