Modifikasi Widget Blog Stats di Blogger

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/AVvXsEitlwJVobFBtp1xzj8g1m7DL9p1qWMYNSYLoaRW_-B3GWGQ1ezOPmSw90N4rGBFwjn0bsRcOHt3EQpTVd8LB3BM5D2W4JmW3Em7J9hWH-PVtb-vTYxIUfyen2E1pzXUdGcV-Ej6_zSfkH8/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/AVvXsEitlwJVobFBtp1xzj8g1m7DL9p1qWMYNSYLoaRW_-B3GWGQ1ezOPmSw90N4rGBFwjn0bsRcOHt3EQpTVd8LB3BM5D2W4JmW3Em7J9hWH-PVtb-vTYxIUfyen2E1pzXUdGcV-Ej6_zSfkH8/s1600/btrix_image.png)
 no-repeat}

#totalCount{height:32px;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEitlwJVobFBtp1xzj8g1m7DL9p1qWMYNSYLoaRW_-B3GWGQ1ezOPmSw90N4rGBFwjn0bsRcOHt3EQpTVd8LB3BM5D2W4JmW3Em7J9hWH-PVtb-vTYxIUfyen2E1pzXUdGcV-Ej6_zSfkH8/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: Anonymous Pada : Tuesday, January 21, 2014

Label : Tutorial Blogger

Share on Facebook Share on Tweeter Share on Google+ RSS Feed