GO Blog

Mungkin ini bukan trik baru, tapi saya coba terapakan kembali sedikit trik lama ini untuk menambah keunikan di dalam tampilan blog saya. memasang total post dan total comment bukan hal yang sulit, karena kita hanya perlu menggunakan sedikit script. script yang di gunakan seperti di bawah ini:

Script untuk Total Posts

1code-line:1-12code-line:1-23code-line:1-34code-line:1-45code-line:1-56code-line:1-6<script style="text/javascript">
 function showpostcount(json) {
  document.write('<span>Total Posting : <b>' + parseInt(json.feed.openSearch$totalResults.$t,10) + '</b></span>');
}
</script>
<script src="http://domain-blog.blogspot.com/feeds/posts/default?alt=json-in-script&callback=showpostcount"></script>

Script untuk Total Comments

1code-line:2-12code-line:2-23code-line:2-34code-line:2-45code-line:2-56code-line:2-67code-line:2-7<script style="text/javascript">
 function numberOfComments(json) {
  document.write('<span>Total komentar : <b>' + json.feed.openSearch$totalResults.$t + '</b></span>');
 }
</script>
<script src="http://domain-blog.blogspot.com/feeds/comments/default?alt=json-in-script&callback=numberOfComments"></script>

silahkan jangan lupa untuk mengubah nama domain-blog sesuai blog anda.

script di atas saya coba pasangkan di author box blogger, kurang lebih jadi seperti ini kode html dan scriptnya:

1code-line:3-12code-line:3-23code-line:3-34code-line:3-45code-line:3-56code-line:3-67code-line:3-78code-line:3-89code-line:3-910code-line:3-1011code-line:3-1112code-line:3-1213code-line:3-1314code-line:3-1415code-line:3-1516code-line:3-1617code-line:3-1718code-line:3-1819code-line:3-1920code-line:3-2021code-line:3-2122code-line:3-22<b:if cond='data:blog.pageType == "item"'> 
<div class=' admin-author'>
<h4>
Ditulis Oleh : <a expr:href='data:blog.homepageUrl'><data:post.author/></a> ~ Share and care</h4>
<div class='kontainer'>
<img height='70' src='https://lh6.googleusercontent.com/-PGirmW8eUT4/AAAAAAAAAAI/AAAAAAAAB-8/2nWmu20XYEQ/s120-c/photo.jpg' width='80'/> Anda sedang membaca sebuah artikel yang berjudul <b><a expr:href='data:post.url'><data:post.title/></a></b>, Semoga artikel tersebut bermanfaat untuk sobat. Jika ada pertanyaan, kritik, dan saran yang ingin di sampaikan silahkan tulis di kotak komentar  <p>
<script style="text/javascript">
 function showpostcount(json) {
  document.write('<span>Total Posting : <b>' + parseInt(json.feed.openSearch$totalResults.$t,10) + '</b></span>');
}
</script>
<script src="http://defandaky.blogspot.com/feeds/posts/default?alt=json-in-script&callback=showpostcount"></script> - <script style="text/javascript">
 function numberOfComments(json) {
  document.write('<span>Total komentar : <b>' + json.feed.openSearch$totalResults.$t + '</b></span>');
 }
</script>
<script src="http://defandaky.blogspot.com/feeds/comments/default?alt=json-in-script&callback=numberOfComments"></script>
</p>
<div style='clear:both;'/>
</div>
</div>
</b:if>

untuk hasil dari kode di atas seperti di bawah ini:



silahkan sobat jika tertarik untuk di aplikasikan di mana saja dan di beri gaya tampilan sesukanya, semoga berguna...