Cara Memasang Related Post di Tengah Artikel Blog

Daftar Isi

Apa itu Related Post

Post terkait atau related post memainkan peran penting dalam sebuah blog. Mereka memberikan referensi artikel yang mirip atau berkaitan dengan artikel yang sedang dibaca. Penggunaan fitur ini dapat meningkatkan jumlah tampilan halaman pada blog Anda. Ada satu lagi manfaat yang perlu Anda ketahui tentang post terkait, yaitu penggunaannya akan membuat blog Anda terlihat keren.

Cara Memasang Related Post di Blog

1. Log in ke akun blog sobat.
2. Klik menu Theme --> Edit html
3. Letakkan kode berikut di atas kode ]]></b:skin>

.rbbox{border:1px solid #F2F2F2; padding:px; font-family:"Julee"; font-color:#000; background:#ffffff; border:; margin:;}
.rbbox:hover{background}

4. Jika sudah, letakkan kode berikut di bawah kode <data:post.body/> ( gunakan Ctrl + F untuk memudahkan pencarian )

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<H2>Related Post:</H2>
<div class='rbbox'>
<div style='margin:; padding:10px;height:200px; overflow:auto;border:1px solid #ccc;'>
<div id='albri'/>
<script type='text/javascript'>
var homeUrl3 = &quot;<data:blog.homepageUrl/>&quot;;
var maxNumberOfPostsPerLabel = 4;
var maxNumberOfLabels = 10;
maxNumberOfPostsPerLabel = 50;
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;albri&#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>
</b:if>

5. Klik save dan lihat hasilnya

Postingan related post akan secara otomatis ada di tengan artikel saat pengunjung sedang membaca.

Penutup

Dengan ini semoga kunjungan para viewers tidak berhenti pada satu postingan saja karena sudah di sediakan tempat untuk membaca artikel lainnya, semoga bermanfaat.