Cara Membuat Related Post

Cara Membuat Related Post atau Artikel Yang Berhubungan. Walaupun postingan bertema seperti judul di atas sudah tergolong “basi” dan juga sudah sering dan banyak diposting oleh banyak blogger namun tidak ada salahnya jika Tips dan Trik Blog pada kesempatan kali ini mencoba untuk menampilkannya kembali, siapa tahu masih ada blogger (terutama new blogger) yang membutuhkannya untuk mengetahui caranya. Jika memang demikian, silakan ikuti tipsnya berikut ini.

Daftar Related post atau artikel yang berhubungan tersebut akan tampil di bawah setiap postingan yang kita buat. Daftar Related Post tersebut berisi postingan yang ber”label” atau mempunyai kategori yang sama dengan postingan yang kita buat tersebut.

Perlunya memasang Related Post (Postingan Yang Terkait)

Dengan memasang Related Post tersebut para pengunjung akan mengetahui postingan-postingan lainnya (artikel yang pernah kita posting sebelumnya) yang mungkin berhubungan dengan postingan yang sedang dibaca oleh pengunjung tersebut. Dengan demikian secara tidak langsung akan dapat “mempromosikan” postingan-postingan kita yang lainnya dan hal ini akan berakibat baik terhadap jumlah pengunjung dan pada akhirnya akan dapat meningkatkan traffic blog kita.

Cara Membuat Related Post Pada Blog

Langsung saja, langkah-langkahnya adalah sebagai berikut.

Pertama, login ke account blogger hingga masuk Dasbor >> Tata Letak >> Edit HTML

Kedua, jangan lupa untuk membackup template untuk mengantisipasi hal-hal yang tidak kita inginkan.

Ketiga, centangi “Expand Widget Template”

Keempat, cari dan temukan kode

Kelima, tempatkan kode berikut ini di bawah kode tersebut.
<b:if cond='data:blog.pageType == "item"'>
<div class='similiar'>

<div class='widget-content'>
<h3>Artikel Yang Berhubungan</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>
Catatan

Silakan untuk mengganti dengan “Artikel Yang Berhubuangan” dengan kata atau kalimat sesuai keinginan masing-masing.

Keenam, lakukan Simpan Template.

Ketujuh, selesai

Selamat Mencoba!!