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(Demo Sayfasında da görebilirsiniz). İ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'/>

Sonra </body> kodunu buluyoruz ve hemen üstüne alttaki kodları yapıştırıyoruz.

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

Son işlem olarak ]]></b:skin> kodunu buluyoruz hemen üstüne aşağıdaki kodları yerleştiriyoruz.

.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;
}

DEMO 

Son verdiğim kodlarla eklentinin arka plan yazı rengini vs. değiştirebilirsiniz. Hepsi bu kadar, kolay gelsin.