Bumerang - Yazarkafe

Blogger Açılış Animasyonu

Bloglar bazen fazla yüklenmeden yada internet bağlantınızın hızından kaynaklanan nedenlerden dolayı geç açılabiliyor.Ziyaretçilerinizi bu açılma sürecinde sıkmamak için göze hoş gelen bir eklenti ile yüklenme animasyonu ekliyebilrsiniz.Ziyaretçi blogunuza giriş yaptığında eklentileriniz tam manasıyla açılınca % lik çubuk doluyor ve blogunuz açılıyor.Bir başka deyimle dolum çubuğunun hızı blogunuzun açılma hızıyla orantılı olarak çalışıyor,blogunuz hızlıysa çubuk çabuk doluyor, yavaş ise geç doluyor.Bu yazıyı yayınlamadaki amacımız, ziyaretçi geldiğinde, blog açılmıyor deyip terkedip gitmesin, blogunuzun açıldığını dolan çubuk animasyonu şle görsün ve beklesin diye birde blogunuzu farklı kılan,göze hoş gelen bir eklentiyi sizlere sunmak istedik.
Animasyonu Blogunuza eklemek İçin;Her ihtimale karşı şablonumuzun bir yedeğini alalım.
1.Adım:Kumanda Paneli>Tasarım>Htmlyi Düzenle yolunu takip ediyoruz widget şablonlarını genişlet kutucuğunu işarteliyoruz.Kodlar içerisinde Ctrl+F yardımı ile </head>
 kodunu buluyoruz.Aşşağıdaki kodu bulduğumuz </head> kodundan önceki kısma yapıştırıyoruz.
<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'/>
2.Adım:Yine html kodları içerisinde </body> kodunu buluyoruz ve aşşağıdaki kodu bulduğumuz </body> kodundan önceki kısma yapıştırıyoruz.
<script>
    QueryLoader.selectorPreload = &quot;body&quot;;
    QueryLoader.init();
</script>
3.Adım:Son olarakta yine html kodları içerisinde ]]></b:skin> kodunu buluyoruz ve aşşağıdaki kodu bulduğumuz ]]></b:skin> kodundan önceki kısma yapıştırıyoruz.
.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;
}
Şablonumuzu kaydedip çıkıyoruz.
3.adımda verdiğimiz kodlar üzerinde aşşağıdaki resimde belirttiğimiz yerlerde değişiklik yaparak Yükleme Animasyonu renkleri üzerinde değişiklik yapabilirsiniz.(Renk Kodları için Tıklayın)

PAYLAŞ

BLOG OKULU

Merhabalar, 2012 yılından beri editörlüğünü yaptığım blogokulu.org sitesinde blogger kullanıcıları için gerekli olan bir çok bilgiyi bulabilrsiniz.Blogger temaları,blogger eklentileri ve blogger dersleri ile blog yazarlarına elimizden geldiğince yardımcı olmaya çalışıyoruz.

  • Image
  • Image
  • Image
  • Image
  • Image
    Disqus Yorumları
    Facebook Yorumları

6 yorum:

  1. emeğinize sağlık
    birşey sormak istiyorum. bloğuma video yüklemek istiyorum pcden ama yapamıyorum hata oluştu uyarısı alıyorum.. çektiğim video mp4. buyüzden yükleyemiyor olabilirmiyim ? formatı değştirmek için bir program kullandım ama olmadı.:S bana yardımcı olun lütfen ??

    YanıtlaSil
  2. Uğur Sağlam12 Nisan 2012 21:29

    Keşke bir demo koysaydınız

    YanıtlaSil
  3.  Uyarınız için teşekkürler.demo görünüm eklendi

    YanıtlaSil
  4. Bloglamazamani13 Nisan 2012 16:28

    açılışa gelmiyor ama konular arası geçişte oluyor. Emeğine sağlık :)
    bu arada bana halla bannerini yapıp göndermedin. yeni blog adresim
    bloglamazamani.blogspot.com 

    YanıtlaSil
  5. 0% olarak kalıyor bir yerde yanlışlık mı yaptım yoksa ??

    YanıtlaSil
  6. KUMANDA PANELİNE NASIL GİRİLİYOR YARDIMCI OLURMUSUNUZ

    YanıtlaSil

Belirtmek istediğiniz farklı konular varsa Burdan Yazabilrisiniz...