Dodawanie widżetu statystyk na Bloggera
Wejdź w "Układ", następnie dodaj gadżet "Statystyki bloga".
Dodawanie stylu statystyk
Teraz wejdź w "Szablon" i "Edytuj kod HTML szablonu".
Wyszukaj znacznik:
]]></b:skin>
Następnie wklej przed nim poniższy kod:
#Stats1 ul{margin:0;border:0;padding:0;height:32px;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiYJ2ZTSJJVHX29KSiwNUy2y1HQOaG_PNv7UfrONv0uBHMUOJEjSC-OEvRcho6s62tCo1wk7qL8EgcrR7WVhEZ7-ag8HCnq_o9Oyk0n072zKVZTHg5hXSEInD9brnLBFBmiIx2tHfJFk8U/s1600/btrix_image.png) no-repeat 0 -34px}
#Stats1 li{margin:10px 0;border:0;padding:0 0 0 40px;list-style-type:none}
#totalComments{height:32px;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiYJ2ZTSJJVHX29KSiwNUy2y1HQOaG_PNv7UfrONv0uBHMUOJEjSC-OEvRcho6s62tCo1wk7qL8EgcrR7WVhEZ7-ag8HCnq_o9Oyk0n072zKVZTHg5hXSEInD9brnLBFBmiIx2tHfJFk8U/s1600/btrix_image.png) no-repeat}
#totalCount{height:32px;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiYJ2ZTSJJVHX29KSiwNUy2y1HQOaG_PNv7UfrONv0uBHMUOJEjSC-OEvRcho6s62tCo1wk7qL8EgcrR7WVhEZ7-ag8HCnq_o9Oyk0n072zKVZTHg5hXSEInD9brnLBFBmiIx2tHfJFk8U/s1600/btrix_image.png) no-repeat 0 -68px}
Wstawianie widżetu
W edycji kodu HTML szablonu przejdź do widżetu statystyk i zamień kod:
<b:widget id='Stats1' locked='false' title='Łączna liczba wyświetleń' type='Stats'/>
Na:
<b:widget id='Stats1' locked='false' title='My Blog Stats' type='Stats'>
<b:includable id='main'>
<div class='widget-content'>
<ul>
<li>
<h4 id='Stats1_totalPosts'>&hellip;</h4>
<span>Postów</span>
</li>
<li id='totalComments'>
<h4 id='Stats1_totalComments'>&hellip;</h4>
<span>Komentarzy</span>
</li>
<li id='totalCount'>
<h4 expr:id='data:widget.instanceId + "_totalCount"'>&hellip;</h4>
<span>Wyświetleń</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>
Na koniec zapisz szablon.
Świetny wpis :)
OdpowiedzUsuńto takie proste!
OdpowiedzUsuń