Cara Membuat Related Post diBawah Postingan di Blogspot

Cara Membuat Related Post diBawah Postingan di Blogspot. Kali ini saya akan share Cara Membuat Related Post diBawah Postingan di blogger. Tujuan membuat related post ini agar pengunjung merasa betah untuk membaca artikel kita, karena judul arikel kita muncul dan dapat di sesuaikan dengan keinginan sobat.
Cara membuat artikel terkait di blog sebenarnya cukup mudah, karena kita hanya menambahkan beberapa script ke dalam template kita. Gimana caranya? silakan simak Cara Membuat Related Post di Bawah Postingan di bawah ini:

1. Masuk ke Blogger sobat
2. Dashboard ==> Tata letak ==> Edit template
3. Centang Expand Template Widget
4. Tekan CTRL + F untuk memudahkan pencarian
5. Cari kode <data:post.body/> dan letakan kode di bawah ini tepat di bawah kode tadi


<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>

6. Save template

NB: Jika template sobat sudah ada read more otomatis, letakan kode di tersebut di bawah kode data:post.body/> </b:if>

Gimana sob, mudah bukan? Cukup segitu dulu info seputar cara membuat Cara Membuat Related Post di Bawah Postingan di Blog, Cara Membuat Artikel terkait di Bawah Postingan di Blogspot, semoga bermanfaat.