Cara Membuat Artikel Terkait di Bawah Postingan

Cara Membuat Artikel Terkait di Bawah Postingan - Halo sobat, kali ini Kang Koisine akan membagikan trik dan panduan mengenai cara menampilkan artikel terkait/ralted post yang tampil di bawah postingan/artikel. Fungsinya untuk menampilkan artikel-artikel yang berkaitan dengan artikel yang Anda buka. Memasang artikel terkait juga memudahkan para pembaca untuk melihat artikel-artikel sebelumnya. Widget artikel terkait ini akan muncul jika artikel pada blog sudah dikelompokan dengan label tertentu.


Selanjutnya jika Anda merasa penting memasang trik yang satu ini, silahkan ikuti langkah-langkahnya di bawah ini.

Caranya:
  • Pada blogger Anda, pilih Edit HTML,
  • Jangan lupa ceklist "Expand Template Widget",
  • Silahkan cari kode di bawah ini,
<data:post.body/>
  • Kemudian letakan kode di bawah ini di bawah kode yang sudah Anda temukan, 
<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>
  • Terakhir, Simpan Template.

Bagaimana menurut Anda, mudah bukan. Jika Anda merasa kesulitan dalam mengeditnya, lampirkan saja pertanyaa Anda melalui komentar di bawah ini.

    Ada juga trik lain, baca ya.

    Sekian artikel mengenai Cara Membuat Artikel Terkait di Bawah Postingan ini, semoga artikel ini bermanfaat dan berguna.

    Terima kasih.
    4.5

    0 komentar:

    Posting Komentar