Minggu, 23 Juni 2013

Total komentar dan total post yang berat


Total comment and total post

Sewaktu sering ngedit kode Top komentator dan Recent comment aku sering melihat teks openSearch$totalResults pada kode JSON yang value/nilainya adalah total dari posting dan komentar nah dari situ aku coba buat total komentar dan total post, eh gak taunya udah ada yang buat, ets tapi rata-rata mereka tidak memperhatikan seberapa banyak kode yang diload, karena mereka menggunakan URL seperti ini.

http://nama-blog-anda-disini.blogspot.com/feeds/posts/default?alt=json-in-script&callback=numberOfPostsrOfPosts

Silahkan coba URL tersebut dan lihat berapa banyak kode JSON yang terload, padahal kode JSON total komentar dan total postingnya terletak beberapa baris pada bagian atas saja, padahal kalau mau lebih ringan kita hanya perlu menambahkan kode &max-results=0 pada URLnya, jadi load kodenya lebih sedikit dan kita hanya meload data yang diperlukan saja.

http://namabloganda.blogspot.com/feeds/comments/default?alt=json-in-script&max-results=0&callback=total

Coba tes URL tersebut dan lihat lebih banyak mana kode yang terload dibanding URL yang pertama.

<style>
#total {
    background: #92DB8F;
    padding: 3px 5px;
    display: inline-block;
    border: 1px solid #27AC0E;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    font: normal 13px/20px Arial, sans-serif
    }

#total .count {
    background: #64CA4A;
    padding: 1px 3px;
    font: normal 12px/20px Arial, sans-serif;
    border: 1px solid #43812F;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.4) inset;
    -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.4) inset;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.4) inset
    }
</style>
<script type="text/javascript">
function totalc(json){
document.write("<div id='total'> Total Thread : ");
var x = json.feed.openSearch$totalResults.$t;
document.write("<span class='count'>" + x + "</span>");
document.write("</div>")
}
function totalp(json){
document.write("<div id='total'> Total Post : ");
var x = json.feed.openSearch$totalResults.$t;
document.write("<span class='count'>" + x + "</span>");
document.write("</div>")
}
</script>
<script src="http://zhinto.blogspot.com/feeds/comments/default?alt=json-in-script&max-results=0&callback=totalc" type="text/javascript"></script>
<script src="http://zhinto.blogspot.com/feeds/posts/default?alt=json-in-script&max-results=0&callback=totalp" type="text/javascript"></script>

Silahkan tambah Gadget HMTL/Javascript lalu masukan kode diatas. Jangan lupa untuk mengganti linknya dengan link blog anda