Cara Membuat Artikel Terkait

Salah satu cara untuk membuat pengunjung blog kita betah berlama-lama berada di blog kita adalah dengan menambahkan artikel-artikel yang masih relevan dengan artikel yang kita suguhkan. Artikel ini dinamakan dengan artikel terkait atau related post. Tutorial kali ini adalah bagaimana cara membuat artikel terkait atau related post di bawah postingan. Untuk contohnya anda bisa lihat di bawah postingan ini.

Dan berikut langkah-langkah cara membuat artikel terkait ini :

1. Login ke dashboard blog sobat
2. Pilih tab Rancangan kemudian pilih Edit HTML dan centang Expand Template Widget
3. Untuk mengantisipasi kesalahan yang kita lakukan, silahkan download dulu, klik Download Template Lengkap
4. Cari kode  <data:post.body/>  untuk mempercepat pencarian klik Ctrl + F pada keyboard
5. Copy dan letakkan kode di bawah ini  tepat di bawah kode  <data:post.body/>  tersebut


<b:if cond='data:blog.pageType == &quot;item&quot;'> <div class='similiar'> <!-- Related Articles by Labels --> <div class='widget-content'> <b>Related Post :</b> <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>


6. Tulisan "Related Post" bisa sobat ganti dengan kata-kata sobat
7. Klik Simpan Template, dan Klik Lihat blog untuk melihat hasilnya.

Demikian tutorial cara membuat artikel terkait di bawah postingan. semoga bermanfaat. Untuk tutorial membuat read more otomatis sobat bisa klik link ini.

Artikel Terkait :