Masalah Random Post dan Comment yang tidak muncul di Sidebar Johny Wusss

Bisidamu - Baru saja Maskolis merilis template baru yang diberi nama Johny Wusss. Langsung saja saya coba dan hasilnya memang wuss sekali. Loading cukup cepat walau dalam koneksi Internet standar dan tampilan sangat eyecandy. Selain SEO Friendly, Maskolis juga menyatakan template blogger ini User Friendly.

Berikut fiturnya:

1. Tampilan simple dan elegant,
2. Auto Readmore menggunakan bawaan Blogger (tanpa Javascript),
3. Loading cepat, itu terbukti setelah saya coba test di Page Speed Test Google dan blog saya bisidamu.com ini mendapatkan nilai 95, padahal nilai tertingginya 100, hampir sempurna,
4. Threaded Comment yang bagus,
5. SEO Friendly dan Visitor Friendly,
6. dan masih banyak lagi. 

Tapi setelah saya coba pada blog saya ini ternyata ada masalah pada sidebar yaitu Random Post dan Recent Comment tidak muncul, ternyata kodenya tidak ada pada template, terpaksa melirik kode halaman demonya dengan cara menekan CTRL + U dan akhirnya muncul kode-kode yang saya inginkan. Begini caranya:

Pertama, masuk ke Halaman Dashboard kemudian buka Layout.
Cari disitu yang Random Post dan masukkan kode berikut:

<script type="text/javascript">

    var randarray = new Array();var l=0;var flag;

    var numofpost=7;function randomposts(json){

    var total = parseInt(json.feed.openSearch$totalResults.$t,10);

    for(i=0;i < numofpost;){flag=0;randarray.length=numofpost;l=Math.floor(Math.random()*total);for(j in randarray){if(l==randarray[j]){ flag=1;}}

    if(flag==0&&l!=0){randarray[i++]=l;}}document.write('<ul>');

    for(n in randarray){ var p=randarray[n];var entry=json.feed.entry[p-1];

    for(k=0; k < entry.link.length; k++){if(entry.link[k].rel=='alternate'){var item = "<li>" + "<a href=" + entry.link[k].href + ">" + entry.title.$t + "</a> </li>";

    document.write(item);}}

    }document.write('</ul>');}

    </script>

    <script src="/feeds/posts/default?alt=json-in-script&amp;start-index=1&amp;max-results=1000&amp;callback=randomposts" type="text/javascript"></script>

Kemudian cari Comment dan masukkan kode berikut:

<style type="text/css">
ul.tb_recent_comments{list-style:none;margin:0;padding:0;}
.tb_recent_comments li{background:none !important;margin:0 0 6px !important;padding:0 0 6px 0 !important;display:block;clear:both;overflow:hidden;list-style:none;}
.tb_recent_comments li .avatarImage{padding:3px;float:left;margin:0 6px 0 0;position:relative;overflow:hidden;}
.tb_recent_comments li img{padding:0px;position:relative;overflow:hidden;display:block;}
.tb_recent_comments li span{margin-top:4px;color: #666;display: block;font:11px Arial;line-height: 1.4;}
</style>
<script type="text/javascript">
//<![CDATA[
    // Recent Comments Settings
    var
numComments  = 5,
showAvatar  = true,
avatarSize  = 30,
characters  = 40,
defaultAvatar  = "http://www.gravatar.com/avatar/?d=mm",
hideCredits = true;
//]]>
</script>
<script type="text/javascript" src="http://html-scripts.googlecode.com/files/rcentcmmntavr.js"></script>
<script type="text/javascript" src="http://www.bisidamu.com/feeds/comments/default?alt=json&amp;callback=tb_recent_comments&amp;max-results=5"></script>

Ganti bisidamu.com dengan domain Anda. Semoga bermanfaat... ^^