Cara Membuat Related Posts/Postingan Terkait Berdasarkan Kategori Dibawah Postingan Blog

Apa kabar sobat? semoga sehat selalu ya.
sudah lama saya ga buka blog dan baru sempat sekarang saya Update blog saya ini, terima kasih buat sobat yang masih sering berkunjung dan menikmati segala keterbatasan blog saya ini.

Kali ini saya akan berbagi  Cara Membuat Related Posts/Postingan Terkait Berdasarkan Kategori Dibawah Postingan Blog, saya dapat sedikit ilmu ini, apa salahnya untuk berbagi, dan sekarang saya akan kasih tahu cara nya yang sangat simple.

1. Masuk ke akun blogger sobat
2. Klik Rancangan, lalu Klik Edit HTML, Lanjutkan
3. Klik kotak kecil di samping tulisan Expand Template Widget
4. Sekarang cari kode <data:post.body/> (Untuk mempermudah silahkan gunakan CTRL+F atau F3)
5. Jika sudah ketemu silahkan letakkan kode berikut ini tepat dibawah kode <data:post.body/>

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div class='similiar'>
<div class='widget-content'>
<h3>Related Posts by Categories</h3> <div id='data2007'/>


<script type='text/javascript'> var homeUrl3 = &quot;<data:blog.homepageUrl/>&quot;; var maxNumberOfPostsPerLabel = 4; var maxNumberOfLabels = 10; maxNumberOfPostsPerLabel = 100; maxNumberOfLabels = 3; function listEntries10(json) { var ul = document.createElement(&#39;ul&#39;); var maxPosts = (json.feed.entry.length &lt;= maxNumberOfPostsPerLabel) ? json.feed.entry.length : maxNumberOfPostsPerLabel; for (var i = 0; i &lt; maxPosts; i++) { var entry = json.feed.entry[i]; var alturl; for (var k = 0; k &lt; entry.link.length; k++) { if (entry.link[k].rel == &#39;alternate&#39;) { alturl = entry.link[k].href; break; } } var li = document.createElement(&#39;li&#39;); var a = document.createElement(&#39;a&#39;); a.href = alturl; if(a.href!=location.href) { var txt = document.createTextNode(entry.title.$t); a.appendChild(txt); li.appendChild(a); ul.appendChild(li); } } for (var l = 0; l &lt; json.feed.link.length; l++) { if (json.feed.link[l].rel == &#39;alternate&#39;) { var raw = json.feed.link[l].href; var label = raw.substr(homeUrl3.length+13); var k; for (k=0; k&lt;20; k++) label = label.replace(&quot;%20&quot;, &quot; &quot;); var txt = document.createTextNode(label); var h = document.createElement(&#39;b&#39;); h.appendChild(txt); var div1 = document.createElement(&#39;div&#39;); div1.appendChild(h); div1.appendChild(ul); document.getElementById(&#39;data2007&#39;).appendChild(div1); } } } function search10(query, label) { var script = document.createElement(&#39;script&#39;); script.setAttribute(&#39;src&#39;, query + &#39;feeds/posts/default/-/&#39; + label + &#39;?alt=json-in-script&amp;callback=listEntries10&#39;); script.setAttribute(&#39;type&#39;, &#39;text/javascript&#39;); document.documentElement.firstChild.appendChild(script); } var labelArray = new Array(); var numLabel = 0; <b:loop values='data:posts' var='post'> <b:loop values='data:post.labels' var='label'> textLabel = &quot;<data:label.name/>&quot;; var test = 0; for (var i = 0; i &lt; labelArray.length; i++) if (labelArray[i] == textLabel) test = 1; if (test == 0) { labelArray.push(textLabel); var maxLabels = (labelArray.length &lt;= maxNumberOfLabels) ? labelArray.length : maxNumberOfLabels; if (numLabel &lt; maxLabels) { search10(homeUrl3, textLabel); numLabel++; } } </b:loop> </b:loop> </script> </div> </div> </b:if>

Note : Silahkan ganti kode yang di beri warna kuning sesuai selera sobat.

6. Save Template/Simpan Template

Semoga berhasil, jika ada masalah tentang postingan ini silahkan diskusikan di kotak komentar, terima kasih dan sampai ketemu lagi pada postingan selanjutnya.