Blogger Blog istatistikleri görüntüsünü değiştirme

Blogger blog istatistiklerini değiştirme her blogda genelde blog istatiksleri aynı dır ama benim pek hoşuma gitmiyordu bunu biraz araştırdım ve bir sitede bir eklenti bulup sitemde denedim sonuç gördüğünüz gibi.

tabi bunu css bilginizle dahada farklılaştırabilirsiniz. kodlara geçelim öncelikle  sitenizde yerleşim bölgesinden gadget ekle diyip blog istatikslerini eklemek

gadget ekledikten sonra ilk başta css kodlarını ekliyelim şablonu  genişletip

 Ctrl+F  yapıp ]]></b:skin> bu kodu buluyoruz ve üstüne aşğıdaki kodları ekliyoruz.

#Stats1 ul{margin:0px 0;border:0;padding:0}
#Stats1 li{display:inline;width:28%;margin:0;border:0;background-color:#fff;background:#0090D5;color:#fff;float:left;padding:5px 7px;text-decoration:none;text-shadow:none;margin:0 1px 1px 0;font-size:12px;list-style-type:none}
#Stats1 h4{margin:0;font-size:18px;line-height:1.2em;color:#fff;text-shadow:none}
#Stats1 span{font-size:12px;color:#fff;text-shadow:none}
#totalComments{background-position:0 -68px}
#totalCount{background-position:0 -136px}

en son olarak şablonu tekrar genişletip bu kodu aramak
<b:widget id='Stats1' locked='false' title='Total tayangan laman' type='Stats> bulduktan sonra bu kodun bittiği yere kadar siliyoruz bittiği yer şu şekilde olcak
 </b:includable>
</b:widget>
bu kodların yerine aşağıdaki kodları ekliyoruz.


<b:widget id='Stats1' locked='false' title='' type='Stats'> <b:includable id='main'> <b:if cond='data:title'><h2> <data:title/></h2> </b:if> <div class='widget-content'> <ul> <li> <h4 id='Stats1_totalPosts'> …</h4> <span>Açılan Konu</span> </li> <li id='totalComments'> <h4 id='Stats1_totalComments'> …</h4> <span>Yapılan Yorum</span> </li> <li id='totalCount'> <h4 expr:id='data:widget.instanceId + "_totalCount"'> …</h4> <span>Sayfa Gösterimi</span> </li> </ul> <script type='text/javascript'> //<![CDATA[ function totalPosts(json){document.getElementById('Stats1_totalPosts').innerHTML=json.feed.openSearch$totalResults.$t};function totalComments(json){document.getElementById('Stats1_totalComments').innerHTML=json.feed.openSearch$totalResults.$t};document.write('<script type=\"text/javascript\" src=\"/feeds/posts/default?alt=json-in-script&max-results=0&callback=totalPosts\"><\/script><script type=\"text/javascript\" src=\"/feeds/comments/default?alt=json-in-script&max-results=0&callback=totalComments\"><\/script>'); //]]> </script> </div> </b:includable> </b:widget>