Blogger için jQuery ile yükleniyor sayfası

                              
Bu araç site yüklenirken tek tek resimlerin gelmesi ve yazıların felan yüklenmesi kısmında devreye giriyor ve karşımıza arkaplan rengini kendimizin belirleyebileceği bir sayfa geliyor burada %0 - &100'e kadar yükleniyor yazıyor ve altında ince bir bar da var. Ekranın ortasında büyük bir şekilde çok hoş duruyor. Kodu eklemek için malum yere gelelim Tasarım > HTML'yi Düzenle Daha sonra aşağıdaki kodu buluyoruz;

</head>

Bulduğumuz kodun başına şu kodları ekliyoruz.

<script src='https://sites.google.com/site/sonsamsunluforever/asda/jquery-1.5.min.js' type='text/javascript'/>
<script src='https://sites.google.com/site/sonsamsunluforever/asda/queryLoaderpre.js' type='text/javascript'/>

Ardından aşağıdaki kodu buluyoruz;

</body>

Ve başına şu kodları ekliyoruz.

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




Sıra geldi CSS kodlarına, bunun içinde öncelikle aşağıdaki kodu buluyoruz;

]]></b:skin>

Ondan sonra aşağıdaki CSS kodlarını bulduğmuz kodun başına ekliyoruz. Aşağıdaki kodda açıklamaları yaptım isteğinize göre düzenleyebilrisiniz.

.QOverlay {
 background-color: #000000; /* Yükleme sayfasının arkaplan rengi */
 z-index: 9999;
}

.QLoader {
 background-color: #CCCCCC; /* Yükleme çubuğunun rengi */
 height: 1px;
}

.QAmt {
 color:#FF530D; /* %100 kısmının yazı rengi */
 font-size:50px; /* yazı büyüklüğü */
 font-weight:bold;
 line-height:50px;
 height:50px;
 width:100px;
 margin:-60px 0 0 -50px;
}

Kaynak: furkanozden.net

Read more »

Bloggerda Toplam Yazı ve Yorum Sayısı eklentisi

Yeni bir yazı hoşgeldiniz arkadaşlar.Bu yazmızda bulundurmak istediğimiz toplam yazı ve yorum sayısını blogumuza eklenti olarak ekliyecez.Bu sayede siz veya sitenizi ziyaret eden kişiler sitenizde kaç yazı ve yorum olduğunu görebilecekler.Şimdi gel gelelm bu eklentinin koduna. ilk önce Yerleşim -> Gadget Ekle -> Html/Javascript tıklayarak aşağıdaki kodu ekleyiniz ve işimiz bitmiş oldu herkese kolay gelsin.Son olarak aşağıdaki zardestyalcin.blogspot.com yazan yeri kendi blog adresiniz ile değiştiriniz.

<script style="text/javascript">
function numberOfPosts(json) {document.write('Toplam Yazı: <b>' + json.feed.openSearch$totalResults.$t + '</b><br>');}
function numberOfComments(json) {document.write('Toplam Yorum: <b>' + json.feed.openSearch$totalResults.$t + '</b><br>');}
</script>
<ul><li><script src="http://zerdestyalcin.blogspot.com/feeds/posts/default?alt=json-in-script&callback=numberOfPosts"></script></li>
<li><script src="http://zerdestyalcin.blogspot.com/feeds/comments/default?alt=json-in-script&callback=numberOfComments"></script></li>
</ul>

Read more »