Widget Related Post
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.

16 تعليقات

  1. pernah mengalami juga nih mas waktu pake template ini....

    ردحذف
  2. gan kalau yang fastez magz, bisa ndak memperbaikinya?...

    ردحذف
    الردود
    1. Kalau yang Fastest Magz, sekarang sudah ada versi terbaru, v3.5, related postnya nggak ada masalah.

      حذف
  3. Wah makasih mas tutornya. aku juga mengalami hal yang sama dengan mas jelaskan diatas.

    ردحذف
  4. kalau di templete lain gmana

    ردحذف
  5. mas punya saya juga gitu, tolong dilihat solusinya gimana?

    ردحذف
    الردود
    1. Mungkin itu karena nama label artikelnya menggunakan karakter garis miring (/). Coba deh jangan pakai garis miring buat beri nama labelnya.

      حذف
  6. berhasil gan ^_^ thanks nih tutornya,,.,. baca juga nih http://cara-rosyid.blogspot.com

    ردحذف
  7. kalau pake template vienna Lite 2 dari arlina gmn cara agar related postnya muncul punyaku "undefined"

    ردحذف
    الردود
    1. Artikel-artikelnya sudah diberi label belum? Kalau sudah, coba periksa ke menu "Setelan" > "Lainnya", di "Umpan situs" bagian "Izinkan Umpan Blog" atur menjadi "Penuh", setelah itu, jangan lupa klik tombol "Simpan setelan".

      حذف
  8. mas, bantu dong gimana caranya pasang breaking news seperti blog ini.terimakasih sebelumnya

    ردحذف
    الردود
    1. Kalau "Breaking News" yang di atas itu, saya ngga pasang sendiri tapi udah bawaan dari template Easy Mag-nya.

      حذف
  9. Terima kasih mas, awalnya bolak balik saya kesini, ke pembahasan template easy mag, setelah saya coba kok template yang easy mag ga berfungsi di blog saya.. ternyata jawabannya ada di jawaban mas munadi atas coment fikazha diatas, ternyata benar solusinya di pengaturan, umpan situs di ubah ke penuh.. terima kasih mas, solusinya...

    ردحذف
    الردود
    1. Terima kasih juga Mas, udah mau sering berkunjung di sini.

      حذف

إرسال تعليق

أحدث أقدم