Modifikasi Widget Blog Stats di Blogger

Tweet

Modifikasi Widget Blog Stats di Blogger - Pada widget ini akan membantu Anda untuk melihat langsung keadaan blog Anda tanpa langsung masuk ke dashbor. Berikut adalah tutorialnya :

1. Buka aku blogger Anda
2. Masuk ke tata letak > add gadget > blog stat's
3. Save.
4. Sekarang Masuk ke menu edit HTML, cari kode ]]></b:skin>
5. Pastekan kode dibawah ini diatas pada kode diatas :

#Stats1 ul{margin:0;border:0;padding:0;height:32px;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjgimKyBPUAriZM6TRS2bT5ufNo-TQyMqLS-NybIyq4pNNHMwUWybfdkblNJSknL0x93xtChCpaqOf5sklBn01fINgxdJIqC_ezbMn5srHZgRPKkEcYYQJEVJ8ysHi0KTkSde9iMqfgZLE/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/AVvXsEjgimKyBPUAriZM6TRS2bT5ufNo-TQyMqLS-NybIyq4pNNHMwUWybfdkblNJSknL0x93xtChCpaqOf5sklBn01fINgxdJIqC_ezbMn5srHZgRPKkEcYYQJEVJ8ysHi0KTkSde9iMqfgZLE/s1600/btrix_image.png) no-repeat}
#totalCount{height:32px;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjgimKyBPUAriZM6TRS2bT5ufNo-TQyMqLS-NybIyq4pNNHMwUWybfdkblNJSknL0x93xtChCpaqOf5sklBn01fINgxdJIqC_ezbMn5srHZgRPKkEcYYQJEVJ8ysHi0KTkSde9iMqfgZLE/s1600/btrix_image.png) no-repeat 0 -68px}

Masuk ke menu edit HTML > Lalu temukan kode yang mirip dengan kode dibawah ini :

<b:widget id='Stats1' locked='false' title='Total Pageviews' type='Stats'/>

<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'>&amp;hellip;</h4>
          <span>Posts</span>
        </li>
        <li id='totalComments'>
          <h4 id='Stats1_totalComments'>&amp;hellip;</h4>
          <span>Comments</span>
        </li>
        <li id='totalCount'>
          <h4 expr:id='data:widget.instanceId + &quot;_totalCount&quot;'>&amp;hellip;</h4>
          <span>Pageviews</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>

Modifikasi Widget Blog Stats di Blogger :

• Sesuaikan ID widget dengan ID CSS (langkah 5) atau lihat yang telah diwarnai. Lalu save template Anda.

Maka, demikianlah artikel Modifikasi Widget Blog Stats di Blogger, semoga dapat membantu Anda untuk lebih paham. Terima kasih telah membaca artikel diatas.