İlk olarak Blogger şablon ayarlarına gelip sitenin kodlarına gidin.
Yukarıdaki kodları değiştirdikten sonra ]]> kodunun hemen üstüne aşağıdaki CSS Kodlarını yapıştırın;
/* CSS Custom Stats */ #sidebar .Stats img { display: none!important; background-image: none; } #sidebar .Stats .counter-wrapper { width: 92%; text-align: right; margin: 10px; line-height: 35px; color: #71737f; font-family: 'Open Sans',sans-serif; font-weight: 700; font-size: 16px; } #sidebar .Stats .counter-wrapper:after { content: 'Page Views'; font-family: 'Open Sans',Arial, sans-serif; float: left; text-align: left; font-size: 13px; font-weight: 700; color: #71737f; } #sidebar .counts { display: inline-block; width: 92%; margin: 10px; font-size: 13px; line-height: 35px; color: #71737f; font-weight: 700; } #sidebar .counts .count { display: inline-block; font-size: 16px; height: 30px; vertical-align: top; direction: ltr; float: right; color: #71737f; font-family: 'Open Sans', sans-serif; font-weight: 700!important; } #sidebar .counts:hover .titles:before { color: #71737f!important; border-radius: 2px; border-color: rgba(255,255,255,0.1); } #sidebar .counter-wrapper.text-counter-wrapper:before,#sidebar .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; } #sidebar .counter-wrapper.text-counter-wrapper:before,#sidebar .counts:before { display: block; background-color: #a5a7b2; color: #fff; width: 35px; height: 35px; font-size: 18px; line-height: 37px; border-radius: 2px; margin: 0px 8px 0 0; } .counter-wrapper.text-counter-wrapper:before { content: '\f201'; color: #fff; } #sidebar .counts.postx:before { content: '\f03e'; background-color: #f0b26f; } #Stats1_content { width: auto; height: auto; background-color: #fff; } #Stats1 h2 { display: none; }
Önizleme; DEMO
