Blogger Açılışında Yüklenme Durumunu Animasyonlu Gösterme



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'/><!-- End Gadget Code From http://www.memurvadisi.com/ -->
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)

Ditulis Oleh : Unknown // 02:12
Kategori:

0 yorum:

Yorum Gönder

ECBannerFree Automatic Backlinks Free Automatic Backlinks Free Automatic BacklinksFree Automatic Backlinks Free Automatic BacklinksFree Automatic Backlinks
Güncel Blog Sayfası * Online Tv Sayfası * Online Radyo Dinle * Günlük Gazeteler * Kimineli Blog * Site Kayit * Beles Radyo * Cep Telefonları * Digg * Altın Döviz Borsa * Ödevler * Arama Motoru * İndirim Ariyorum * Yemek Tarifi * Free Backlink * SEO Yarışmaları * Memur Blog * Turbo Ping * Yalan Dünya Dizisi * Koyu Kırmızı Dizisi * Ayrılık Olmasa Dizisi * Ha Babam Uzay Dizisi * Memur Blog * Bebek Vadisi * Dinle123 * 1 Baksana * Zarfat * Memurblogspot * gazete * memurcep * acemtr * İşler Güçler Dizisi * Kötü Yol Dizisi * Veda Dizisi * Yeni Vadi * SSK SGK BAĞKUR SORGU EKRANI* ARIYORDUM * Ekonomi * Sigorta Kasko * World Cup 2014 * Komedi Var * Samsung galaxy S5 * iphone 6 * Turbo ping Temmuz Ağustos Eylül Ekim Kasım Aralık Ocak Şubat Mart Nisan Mayıs Haziran 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31
Copyright © 2011 Memur Vadisi | Sitemap | Rss | Ping | Ping 2 |
Google Ping Pingomatic
 
Blogger tarafından desteklenmektedir.