Cara Menampilkan Jumlah Posting dan Komentar Pada Blog

Asalamualaikum Wr. Wb.

Kali ini saya akan membahas tentang Cara Menampilkan Jumlah Posting dan Komentar Pada Blog. Hemm seperti yang kita tau.... informsi mengenai banyaknya posting yang kita post dan banyaknya komentar yang ada . itu biasanya berada bi Blogger dan kalo kita kepengin atau inggin melihatnya kita harus masuk ke blogger dulu... Nahhh di sini niee.. hebatnya kita measang Widget Statistik Untuk Menampilkan Jumlah Posting dan Komenar. Deang adanya widget ini .. pastinya kita bisa tau berapa sih posting yang sudah kita post... dan berapa sih koemntar yang ada di blog kita.... dengan begitu kita nga perlu masuk ke blogger untuk mengetahuinya... cukup memasang Widget ini kita bisa tau semuanya... Jadi kita tingal masuk ke blog kita,,,,, biar irit + Nambah trafik wkwkwkwk......

Di sini saya akan menampilkan 2 jenis widget yang akan saya share.....

Untuk jenis yang pertama adalah jenis yang standar atau yang biasa yang tidak ada effek CSSnya Tampilanya seperti di bawah ini :

Dan untuk membuat widget nya.... kita ikuti langkah- langkah di bawah ini -------

1. Kita Masuk Ke Blogger....

2. Masuk ke menu Tata Letak

3. di menu Tata Letak kita Pilih Tambahkan Gadget dan kita pilih HTML

4. Kalo udah sekarang kita masukan kode berikut ini------

<script style="text/javascript">
function showpostcount(json) {
document.write('Jumlah Posting : <b>' + parseInt(json.feed.openSearch$totalResults.$t,10)
+ '</b><br>');}</script>
<script src="http://Blog Kalian .com/feeds/posts/default?alt=json-in-script&callback=showpostcount"></script><script style="text/javascript"></script>
<script style="text/javascript">
function numberOfComments(json) {
document.write('Jumlah Komentar : <b>' + json.feed.openSearch$totalResults.$t +
'</b><br>');}</script>
<script src="http://Blog Kalian.com/feeds/comments/default?alt=json-in-script&callback=numberOfComments"></script></center><span style="font-size: xx-small;"><a href="http://ariflaw.blogspot.com" target="_blank">Widget</a></span>

Pasang dehhh Kode Itu... eitss... janganb lupa... yang warna Hijau .. untuk Urlnya Silahkan Ganti dengan Blog kalian dan yang jumlah.. silahkan kalo mau di ganti...

Nahhh Gimana Udah jadi blum untuk tampilan jenis pertama.... Sekarang kita ke Jenis Tanmpilan yang ke 2..

Gambarnya seperti ini.. atau kalian dapat juga melihatnya di blog saya... Klik di Sini.

Langkah- langkahnya sama seperti yang di atas cuman kode yang kita masukan berbeda.... Kodenya seperti ini... Silahkan tambahnkan yoooo.....--------

<style type="text/css">
#counter {
  margin:10px 60px 10px 10px;
  background-color:#990000;
  font:bold 12px Cambria,Georgia,Serif;
  color:#fff;
  position:relative;
  display:block;
  line-height:50px;
  padding:0px 0px 0px 30px;
  left:-10px;
}

#counter:before {
  content:"";
  width:0px;
  height:0px;
  border:5px solid transparent;
  border-top-color:#bb0000;
  border-right-color:#bb0000;
  position:absolute;
  top:100%;
  left:0px;
}

#counter:after {
  content:"";
  width:0px;
  height:0px;
  border:25px solid #990000;
  position:absolute;
  top:0px;
  left:100%;
  border-right-color:transparent;
}
</style> <script type="text/javascript">
function showpostcount(json) {
    document.write(parseInt(json.feed.openSearch$totalResults.$t,10));
}
</script>
<div id="counter">
<script src="/feeds/posts/summary?max-results=0&amp;alt=json-in-script&amp;callback=showpostcount"></script> Posting &amp; <script src="/feeds/comments/summary?max-results=0&amp;alt=json-in-script&amp;callback=showpostcount"></script> Komentar </div>

Kalo udah dimasukan tigal simpan dan liat hasilnya... Gimana?????? agak beda yaa..... ya jelas soalnya kan pake css.. jadinya tampiannya lebih menarik ketimbang yang pertama.

Yapsss mungkin Segini dulu yang bisa saya sampaikan Semoga apa yang saya sampaikan bisa bermanfaat buat kalian semua...... bila ada kata-kata yang kurang berkenang saya mohon maaf yang sebesar besarnya akhir kata saya sampaikan Wasalaualaikum Wr. Wb

By Ariflaw Blog------ Semoga Bermanfaat ^-^