Cara Mengatasi Related Post yang Tidak Muncul di Mas Sugeng 2014 Blogger Template

Sejak beberapa bulan yang lalu, admin menggunakan Mas Sugeng 2014 Blogger Template pada blog Klik Munadi ini. Namun, pada beberapa hari terakhir ini, sepertinya ada yang aneh pada tampilan template tersebut di blog ini. Setelah admin perhatikan, ternyata widget related post pada tampilan desktop tidak muncul. Kalau pada tampilan mobile, related post masih bisa berfungsi.

Selanjutnya admin mengunjungi di situs tempat template tersebut dapat diunduh yakni di Evo Templates. Admin mencoba membuka artikel-artikel yang ada pada blog demo template tersebut. Ternyata, related post pada blog demo tersebut baik-baik saja artinya masih tampil dengan baik ketika dibuka di komputer desktop.

Admin menduga ada masalah pada kode JavaScript related post yang tertanam pada HTML template yang sedang digunakan. Benar saja, setelah admin mengunduh kembali template Mas Sugeng 2014 Blogger Template dan memeriksa kode-kode html yang berhubungan dengan related post, ternyata kode JavaScript related post-nya tidak di-hosting lagi melainkan langsung diletakkan pada bagian HTML template tersebut.

Berikut ini yang admin lakukan untuk mengatasi related post yang tidak muncul di Mas Sugeng 2014 Blogger Template.

1. Masuk ke akun Blogger.

2. Kemudian masuk ke menu "Template" >> "Edit HTML".

3. Selanjutnya mencari kode seperti di bawah ini.

<script src='https://dl.dropboxusercontent.com/u/122336262/JavaScript/related-post/terkait6.js'/>

4. Setelah ketemu, lalu menggantinya dengan kode seperti di bawah ini.

<script>
//<![CDATA[
function related_results_labels_thumbs(e){for(var t=0;t<e.feed.entry.length;t++){var n=e.feed.entry[t];relatedTitles[relatedTitlesNum]=n.title.$t;try{thumburl[relatedTitlesNum]=n.media$thumbnail.url}catch(r){s=n.content.$t;a=s.indexOf("<img");b=s.indexOf('src="',a);c=s.indexOf('"',b+5);d=s.substr(b+5,c-b-5);if(a!=-1&&b!=-1&&c!=-1&&d!=""){thumburl[relatedTitlesNum]=d}else{if(typeof defaultnoimage!=="undefined")thumburl[relatedTitlesNum]=defaultnoimage;else thumburl[relatedTitlesNum]=""}}if(relatedTitles[relatedTitlesNum].length>35)relatedTitles[relatedTitlesNum]=relatedTitles[relatedTitlesNum].substring(0,35)+"...";for(var i=0;i<n.link.length;i++){if(n.link[i].rel=="alternate"){relatedUrls[relatedTitlesNum]=n.link[i].href;relatedTitlesNum++}}}}function removeRelatedDuplicates_thumbs(){var e=new Array(0);var t=new Array(0);var n=new Array(0);for(var r=0;r<relatedUrls.length;r++){if(!contains_thumbs(e,relatedUrls[r])){e.length+=1;e[e.length-1]=relatedUrls[r];t.length+=1;n.length+=1;t[t.length-1]=relatedTitles[r];n[n.length-1]=thumburl[r]}}relatedTitles=t;relatedUrls=e;thumburl=n}function contains_thumbs(e,t){for(var n=0;n<e.length;n++)if(e[n]==t)return true;return false}function printRelatedLabels_thumbs(e){var t;if(typeof splittercolor!=="undefined")t=splittercolor;else t="auto";for(var n=0;n<relatedUrls.length;n++){if(relatedUrls[n]==e||!relatedTitles[n]){relatedUrls.splice(n,1);relatedTitles.splice(n,1);thumburl.splice(n,1);n--}}var r=Math.floor((relatedTitles.length-1)*Math.random());var n=0;if(relatedTitles.length>0)document.write("<h2>"+relatedpoststitle+"</h2>");document.write('<div style="clear: both;"/>');while(n<relatedTitles.length&&n<20&&n<maxresults){document.write('<a style="text-decoration:none;padding:5px;float:left;');if(n!=0)document.write("border-left:solid 1px "+t+';"');else document.write('"');document.write(' href="'+relatedUrls[r]+'"><img style="width:72px;height:72px;" src="'+thumburl[r]+'" alt="'+relatedTitles[r]+'"/><div style="width:72px;padding-left:3px;height:65px;border:0pt none ; margin:5px 0pt 0pt; padding:0pt; line-height:normal; font-stretch:normal;">'+relatedTitles[r]+"</div></a>");n++;if(r<relatedTitles.length-1){r++}else{r=0}}document.write("</div>");relatedUrls.splice(0,relatedUrls.length);thumburl.splice(0,thumburl.length);relatedTitles.splice(0,relatedTitles.length)}var relatedTitles=new Array;var relatedTitlesNum=0;var relatedUrls=new Array;var thumburl=new Array
//]]>
</script>

5. Berikutnya, mengeklik tombol "Simpan template".

Setelah melakukan langkah-langkah di atas, akhirnya widget related post pada template ini bisa muncul kembali.