Blogger Açılış Animasyonu

Çoğu ziyaretçi siteye girdiğinde hızlı ve sade olmasını ister. Bunların içinden hızlı açılmayan bloglar için işe yarayacak bir eklentiye değineceğiz. Ziyaretçi siteye girdiğinde ilk işi istediği şeye ulaşmak olacak ama site yavaş olduğundan ya siteden çıkacak ya da sabırlı bir şekilde bekleyecek. Bu eklentiyi eklediğimizde site %100 hazırlanana kadar açılış animasyonu ekrana çıkıyor. Yani %100'e kadar dolan bir ekran karşılarına çıkacak.
İlk olarak </head> kodunu temamızdan buluyoruz. Hemen üzerine aşağıdaki kodları yerleştiriyoruz.

<script src='http://code.jquery.com/jquery-1.5.min.js' type='text/javascript'/>
<script src='http://blogger-loader.googlecode.com/files/queryLoaderpre.js' type='text/javascript'/>

Daha sonra </body> kodunu buluyoruz ve üzerine aşağıdaki kodları yerleştiriyoruz.

<script>
QueryLoader.selectorPreload = &quot;body&quot;;
QueryLoader.init();
</script>

Ve son olarak açılış animasyonumuza şekillendirme vakti geldi. Temamızdan ]]></b:skin> kodunu buluyoruz ve hemen üzerine aşağıdaki kodları ekliyoruz.

.QOverlay {
    background-color: #000000;
    z-index: 9999;
}

.QLoader {
    background-color: #CCCCCC;
    height: 1px;
}

.QAmt {
    color:#FF530D;
    font-size:50px;
    font-weight:bold;
    line-height:50px;
    height:50px;
    width:100px;
    margin:-60px 0 0 -50px;
}

Hepsi bu kadar. Eğer eklentinin sitenizi yavaşlattığını düşünüyorsanız kaldırabilirsiniz. Belirtmek isteriz ki script kodları ne kadar küçük boyutta olurlarsa olsunlar siteleri yavaşlatabilirler. Renklendirme gibi ayarları css kodlarıyla oynayarak ayarlayabilirsiniz.