Css ve Html etiketine sahip kayıtlar gösteriliyor. Tüm kayıtları göster

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
Unknown - - 2 Yorum 11 Kasım 2013 Pazartesi

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>
Unknown - - 4 Yorum

Css Menü Gizleme !


Merhaba Arkadaşlar.Bazı sitelerde dolaşırken yani Bedava-Sitem sitelerinde Bu kodlarla karşılaştın ve bu kodu kendi siteme de eklemek istedim ve ekliyorum.Bu kod en çok Bedava-Sitem kullanıcılarının işine yarar.






h1#title{display: none;} h2#title span {display: none;} div.header{display: none;} li.nav_element{list-style-type: none;} li.nav_element{display: none;}
Unknown Yorum yok 12 Eylül 2013 Perşembe

468x60 Reklam Bannerleri

Merhaba Arkadaşlar.Çoğu blog veya kişisel sitelerde reklam alanı ihtiyaç duyulan bir şeydir.Çoğu arkadaşımız kendileri tasarlarlar ama tasarlayamayanlar için aşağıda 468x60 çapında reklam bannerlerimiz bulunmaktadır.


                      ------------------------468x60 Reklam Bannerleri-------------------------
                 

                     


                     
       
                     



                   
                        

                       

                       

                        

                         

                         

                         

                         

                         

                         

                        

                        

                        

                        
                 
                        

                         

                         


                          
                  
                        

                        

                        

                        

                        





Unknown - - - 1 Yorum

Blogger Kod Kutusu Eklentisi

Merhaba arkadaşlar.Biliyoruz ki çoğu arkadaşlar sitelerinde eklentiler ve eklentilerin kodları paylaşılıyor.Ama bazı arkadaşlarımızın kodları bir kutu yada biz ona çerçeve diyelim çerçeve alması gerekir yoksa kodlar görüntüyü bozar.İşte biz de onlara yardımcı olabilmek için bu kodu paylaştık.Kodumuzun adı Kod Kutusu Eklentisi gelelim şimdi bu koda.

<pre style="font-family: Andale Mono, Lucida Console, Monaco, fixed, monospace; color: #000000; background-color: #eee;font-size: 12px;border: 1px dashed #999999;line-height: 14px;padding: 5px; overflow: auto; width: 100%"><code>Buraya Kod Gelecek</code></pre


Kodumuz yukarıdaki gibidir.Kod Kutusunun görünümü yukarıdaki gibidir.Ve kodlarınızı kırmızı ile yazılan yere yazabilirsiniz.Size iyi bloglamalar.::)
Unknown - - 2 Yorum 11 Eylül 2013 Çarşamba