Media informasi Entertainment, Tutorial Blogger, Blogger Template, Fakta Unik, Teknologi, And More

Search This Blog

Modifikasi Widget Blog Stats di Blogger

Statistik Kartun
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(http://3.bp.blogspot.com/-zMdnwp4pw0Y/UXO9yOCE_4I/AAAAAAAAAfA/jUdtmnXy8Kw/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(http://3.bp.blogspot.com/-zMdnwp4pw0Y/UXO9yOCE_4I/AAAAAAAAAfA/jUdtmnXy8Kw/s1600/btrix_image.png)
no-repeat}

#totalCount{height:32px;background:url(http://3.bp.blogspot.com/-zMdnwp4pw0Y/UXO9yOCE_4I/AAAAAAAAAfA/jUdtmnXy8Kw/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.
Ditulis oleh: Pada :
Label : Tutorial Blogger

Post a Comment