Cara Membuat Related Posts Berdasarkan Kategori Yang Anda Miliki

Cara Membuat Related Posts Berdasarkan Kategori. Sebelumnya saya sudah pernah membuat tutorial cara membuat related posts sesuai kategori dengan fungsi scroll. Namun di sebagian blog codingnya tidak dapat bekerja dengan baik. Nah di tutorial kali ini saya akan membagikan cara untuk membuat postingan terkait berdasarkan kategori dengan scroll. 

Demo

Kenapa anda harus dan wajib memasang related posts / artikel terkait di blog anda? 

Alasannya adalah agar pengunjung dapat berlama-lama di blog anda. Semakin lama pengunjung di blog anda maka akan semakin meningkatkan page views dan trafik blog anda. Selain itu, keberadaan related posts / artikel terkait juga akan mengurangi bounce rate blog secara drastis.

Berikut adalah cara membuat related posts berdasarkan kategori dengan scroll:

1. Login ke Blogger.com

2. Masuk ke menu Template

3. Kemudian cari kode <data:post.body/>. Jika ada dua kode seperti ini maka pilih yang pertama. Jika ada tiga pilih yang kedua, dan jika ada empat tetap pilih yang kedua.

4. Jika kode tersebut sudah ketemu, silahkan ada taruh kode dibawah ini tepat di bawah kode <data:post.body/>.

<b:if cond='data:blog.pageType == "item"'> <div class='similiar'> <div class='widget-content'> <h3>Artikel yang berkaitan</h3> <div id='data2007'/><br/><br/> <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>

5. Save Template

6. Lihat hasil editan anda 

Catatan:

Anda dapat mengganti kata Artikel Terkait dengan kata-kata anda sendiri semisal: Mungkin Anda Tertarik, Postingan Tertarik, hingga Related Posts. Terserah anda!

Semoga artikel Cara Membuat Related Posts Berdasarkan Kategori ini dapat bermanfaat untuk anda.