Cara membuat artikel terkait di akhir postingan.

Hello bro sis,
Gue bingung udah lama nih blog ga punya artikel yang menghasilkan trafik tinggi. Daripada kosong mendingan gue update artikel mengenai blog aja.

Suatu artikel tentu mempunyai hubungan terkait dengan artikel lainnnya, entah karena terkait labelnya atau terkait topik bahasannya. Nah untuk banyak orang untuk membuat artikel terkait kadang menggunakan permalink dari widget yang diambil dari pihak ke3. Tapi untuk membuat artikel terkait yang dibawah postingan tentu saja harus menggunakan script tersendiri yang disimpan di template blog kita.

Nah untuk mempersingkah bahasan mendingan kita langsung aja menuju tipsnya Membuat menu Artikel Terkait dibawah postingan.

tips blog
  • Pertama silahkan cari dulu kode <data:post.body/>
  • lalu letakan kode dibawah ini tepat dibawah <data:post.body/>
 <b:if cond='data:blog.pageType == &quot;item&quot;'><div style='margin-top: 10px;'><strong>Artikel Terkait</strong> <div class='rbbox'> <div style='margin:0; padding:10px;height:200px;overflow:auto;border:1px solid #ccc;'> <div id='ardi33'/> <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;ardi33&#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> <script type='text/javascript'>RelPost();</script></div> </div> </b:if>

Untuk beberapa template kadang ada banyak kode <data:post.body/>, coba saja 1/1 untuk menempatkannya. Jika blog anda sudah mempunyai setingan read more, silahkan letakan kodenya dibawah <data:post.body/> dalam script read more.

Gimana? Kalau berhasil silahkan SHARE atau LIKE artikel ini agar yang lain juga merasakan manfaatnya.