Cara Membuat Related Post Di Template Median UI 1.6 Dan 1.5

Fighaz Mc, Blogger - Cara membuat related post di template median UI 1.6 dan 1.5, Kali ini saya akan membagikan cara bagaimana membuat dan menampilkan Related Post atau bisa juga disebut baca juga pada template median UI Versi 1.6 dan versi 1.5.

Ada 2 script Related Post yang akan saya bagikan, yakni untuk versi 1.6 dan versi 1.5. Jadi teman-teman bisa langsung mempraktekkan cara Cara Membuat Related Post Di Template Median UI 1.6 Dan 1.5 di versi template median UI Yang kalian gunakan.

Apa itu Related Post?

Related Posts, Related Articles, Posting Terkait, atau Tulisan Terkait adalah widget atau elemen yang biasa ada di bawah setiap tulisan di blog.

Apa Fungsi Related Post?

Fungsinya menampilkan posting lain yang se-label atau kategori sama sekaligus menawarkan konten blog lain setelah pengunjung selesai membaca satu tulisan.

Bagaimana Cara Membuat Related Post Di Template Median UI 1.6 Dan 1.5?

Ada 2 script Related Post yang akan saya bagikan, yakni untuk versi 1.6 dan versi 1.5.

Jadi teman-teman bisa langsung mempraktekkan cara Cara Membuat Related Post Di Template Median UI 1.6 Dan 1.5 di versi template median UI Yang kalian gunakan.

Cara Membuat Related Post Di Template Median UI 1.6

Pertama teman-teman salin kode dibawah ini

<b:if cond='data:view.isPost and !data:view.isPreview'>
<div class='pRelate' id='pRelated'>
<script>/*<![CDATA[*/ 
var relatedTitles = new Array(); var relatedTitlesNum = 0; var relatedUrls = new Array(); function related_results_labels(json) { for (var i = 0; i < json.feed.entry.length; i++) { var entry = json.feed.entry[i]; relatedTitles[relatedTitlesNum] = entry.title.$t; for (var k = 0; k < entry.link.length; k++) { if (entry.link[k].rel == 'alternate') {relatedUrls[relatedTitlesNum] = entry.link[k].href; relatedTitlesNum++; break;}}}} function removeRelatedDuplicates() { var tmp = new Array(0); var tmp2 = new Array(0); for(var i = 0; i < relatedUrls.length; i++) { if(!contains(tmp, relatedUrls[i])) { tmp.length += 1; tmp[tmp.length - 1] = relatedUrls[i]; tmp2.length += 1; tmp2[tmp2.length - 1] = relatedTitles[i];}} relatedTitles = tmp2; relatedUrls = tmp;} function contains(a, e) { for(var j = 0; j < a.length; j++) if (a[j]==e) return true; return false;} function printRelatedLabels() { var r = Math.floor((relatedTitles.length - 1) * Math.random()); var i = 0; document.write('<ul>'); while (i < relatedTitles.length && i < 20) { document.write('<li><a href="' + relatedUrls[r] + '">' + relatedTitles[r] + '</a></li>'); if (r < relatedTitles.length - 1) { r++; } else { r = 0;} i++;} document.write('</ul>');} /*]]>*/</script>
<b:if cond='data:post.labels'>
<b:loop index='i' values='data:post.labels' var='label'>
<b:if cond='data:i&lt;1'>
<script expr:src='&quot;/feeds/posts/default/-/&quot; + data:label.name + &quot;?alt=json-in-script&amp;callback=related_results_labels&amp;max-results=3&quot;' rel='preload'/>
</b:if>
</b:loop>
</b:if>
<b>Read Also : </b>
<script>removeRelatedDuplicates(); printRelatedLabels();</script>
</div>
<script>/*<![CDATA[*/ function insertAfter(tbh,tgt) {var prt = tgt.parentNode; if (prt.lastChild == tgt) {prt.appendChild(tbh);} else {prt.insertBefore(tbh,tgt.nextSibling);}} var tgt = document.getElementById("postBody");var midAd3 = document.getElementById("pRelated"); var showAd3 = tgt.getElementsByTagName("p"); if (showAd3.length > 0) {insertAfter(midAd3,showAd3[3]);}; /*]]>*/</script>
</b:if>

setelah itu teman-teman pergi ke dashboard blogger, pilih "Tema", kemudian "Edit HTML". Teman-teman cari kode dibawah ini, dan pastekan kode diatas yang teman-teman salin tepat dibawah kode ini.

<div class='pS post-body postBody' id='postBody'><data:post.body/></div>

selesai, dan lihat hasilnya

Cara Membuat Related Post Di Template Median UI 1.5

Pertama teman-teman salin kode dibawah ini

<b:if cond='data:view.isPost and !data:view.isPreview'>
<div class='postRelated' id='postRelated'>
<script>/*<![CDATA[*/ 
var relatedTitles = new Array(); var relatedTitlesNum = 0; var relatedUrls = new Array(); function related_results_labels(json) { for (var i = 0; i < json.feed.entry.length; i++) { var entry = json.feed.entry[i]; relatedTitles[relatedTitlesNum] = entry.title.$t; for (var k = 0; k < entry.link.length; k++) { if (entry.link[k].rel == 'alternate') {relatedUrls[relatedTitlesNum] = entry.link[k].href; relatedTitlesNum++; break;}}}} function removeRelatedDuplicates() { var tmp = new Array(0); var tmp2 = new Array(0); for(var i = 0; i < relatedUrls.length; i++) { if(!contains(tmp, relatedUrls[i])) { tmp.length += 1; tmp[tmp.length - 1] = relatedUrls[i]; tmp2.length += 1; tmp2[tmp2.length - 1] = relatedTitles[i];}} relatedTitles = tmp2; relatedUrls = tmp;} function contains(a, e) { for(var j = 0; j < a.length; j++) if (a[j]==e) return true; return false;} function printRelatedLabels() { var r = Math.floor((relatedTitles.length - 1) * Math.random()); var i = 0; document.write('<ul>'); while (i < relatedTitles.length && i < 20) { document.write('<li><a href="' + relatedUrls[r] + '">' + relatedTitles[r] + '</a></li>'); if (r < relatedTitles.length - 1) { r++; } else { r = 0;} i++;} document.write('</ul>');} /*]]>*/</script>
<b:if cond='data:post.labels'>
<b:loop index='i' values='data:post.labels' var='label'>
<b:if cond='data:i&lt;1'>
<script expr:src='&quot;/feeds/posts/default/-/&quot; + data:label.name + &quot;?alt=json-in-script&amp;callback=related_results_labels&amp;max-results=3&quot;' rel='preload'/>
</b:if>
</b:loop>
</b:if>
<b>Read Also : </b>
<script>removeRelatedDuplicates(); printRelatedLabels();</script>
</div>
<script>/*<![CDATA[*/ function insertAfter(tbh,tgt) {var prt = tgt.parentNode; if (prt.lastChild == tgt) {prt.appendChild(tbh);} else {prt.insertBefore(tbh,tgt.nextSibling);}} var tgt = document.getElementById("postBody");var midAd3 = document.getElementById("postRelated"); var showAd3 = tgt.getElementsByTagName("p"); if (showAd3.length > 0) {insertAfter(midAd3,showAd3[3]);}; /*]]>*/</script>
</b:if>

<div class='postBody' id='postBody'><data:post.body/></div>

selesai, dan lihat hasilnya.

Nah ingat max-results=3 adalah jumlah artikel yang akan tampil, silahkan ganti angka sesuai selera kalian.

Sedangkan midAd3, showAd3[3] adalah posisi tampil Artikel pada paragraf ke tiga, silahkan kalian ubah angkanya sesuai selera.

Nah demikianlah cara Membuat Related Post Di Template Median UI 1.6 Dan 1.5 semoga bisa bermanfaat.

Fighaz Mc Halo!, Saya suka menulis di blog, sebuah ruang pribadi saya untuk berbagi tips, informasi, dan pengetahuan seputar dunia internet dan teknologi. Mari jelajahi dunia digital bersama!