Blogger İstatistikler Sayacı Eklentisi

Blogger Kontrol Paneli'ne gidin ve Gadget Ekle'den sayaç widget'ını ekleyin ve Blog'un İstatistiklerini seçin, ardından yerleşimi için konum seçin.

Gadgeti kaydettikten sonra yine Blogger kullanıcı panelinde sol tarafta yer alan “Şablon” sekmesine tıklayın. Ardından açılan sayfada “HTML Düzenle” ye tıklayın ve Ctrl F yardımıyla kodların arasından aşağıda gösterilen kodu bulun:

HTML <b:widget id='Stats1'

Bu işlemi tamamladıktan sonra </Head> kodunun üstüne aşağıdaki kodu ekleyin.

HTML <link href='//fonts.googleapis.com/css?family=PT+Sans:400,700' rel='stylesheet' type='text/css'/>
<link href='//maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css' rel='stylesheet'/>
<style type='text/css'>
/* Doğuş HAkan Yılmaz özel blog istatistikleri widgeti  */
.Stats img {display:none!important;background-image:none;}
.Stats .counter-wrapper {width:92%;text-align:right;margin:10px;line-height:35px;color:#333;font-weight:700;font-size:16px;margin-left: 0;}
.Stats .counter-wrapper:after {content:&quot;Sayfa Görüntüleme&quot;;float:left;text-align:left;font-size:13px;font-weight:700;color:#333;}
.counts {display:inline-block;width:92%;font-size:13px;line-height:35px;color:#333;font-weight:700;}
.counts .count {display:inline-block;font-size:16px;height:30px;
vertical-align:top;direction:ltr;float:right;color:#333;font-weight:700!important;}
.counts:hover .titles:before {color:#333!important;border-radius:2px;border-color:rgba(255,255,255,0.1);}
.counter-wrapper.text-counter-wrapper:before, .counts:before {display:inline-block;font-size:13px;font-family:FontAwesome;font-style:normal;font-weight:normal;margin:0 10px 0 10px;float:left;width:10px;text-align:center;}
.counter-wrapper.text-counter-wrapper:before, .counts:before {
display:block;background-color:#fff;color:#333;width:35px;height:35px;font-size:18px;line-height:35px;border-radius:2px;margin:0px 8px 0 0;}
.counter-wrapper.text-counter-wrapper:before {content:&quot;\f06e&quot;;}
.counts.post2:before {content:&quot;\f044&quot;;}
.counts.comment:before {content:&quot;\f0e6&quot;;}
#Stats1_content {width:auto;height:auto;background-color:#fff;}
</style>

İlk eklediğiniz kod içinde kırmızı ile belirtilmiş Toplam Yazı ve Toplam Yorum yazılarını bulun ve değiştirin. Sayfa Görüntüleme bölümünü değiştirmek için </Head> kodunun üstüne eklediğiniz kod içinde bulun ve dilediğiniz başlığı yazarak değiştirin. Değiştirdiğinizde aşağıdaki gibi olacaktır. Değişikliğe gerek yok böyle gayet iyi diyorsanız kodları ekledikten sonra hiçbir şey yapmanıza gerek yoktur.