Cara Membuat Related Post di Blogger

Bangiz - Related Post tentunya sangat berguna bagi pengunjung untuk mencari artikel-artikel lain yang berhubungan dengan artikel yang sedang dibaca oleh pengunjung tersebut. Related Post tersebut akan muncul biasanya di bagian bawah setiap postingan yang kita buat, tentunya postingan yang memiliki label atau tag yang sama. 

Untuk sebagian blog, ada juga yang menempatkan widget ini di bagian sidebar. Jika ada pengunjung yang membuka link artikel dalam related post ini pastinya akan meningkatkan jumlah pageview juga. Kalau di blog Anda belum ada related postnya dan ingin menambahkan, langsung saja ikuti cara-caranya berikut ini:

Related artikel

1. Masuk ke Dasbor Blogger 
2. Pilih Tata Letak 
3. Pilih Edit HTML

4. Cari kode <data:post.body/> (gunakan Ctrl+F untuk memudahkan)

5. Copy-Paste kode berikut ini tepat di bawah kode tadi

<b:if cond='data:blog.pageType == "item"'>
<div class='similiar'>
<div class='widget-content'>
<h3>Related Posts</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>

Keterangan:

Silakan Anda ganti kalimat "Related Posts" dengan kalimat lain yang sesuai dengan keinginan masing-masing.

6. Simpan Template dan lihat hasilnya.

Sekian tips blogging kali ini tentang cara membuat atau pasang related post / artikel terkait pada blog dengan platform Blogger. Jangan lupa ikuti +Bangiz untuk mendapat tips dan trik terupdate lainnya. 

BERITA LENGKAP DI HALAMAN BERIKUTNYA

Halaman Berikutnya

Subscribe to receive free email updates: