Membuat Artikel Terkait atau Related Posts di Blogger

Tutorial Blog,

{[['']]}

Setiap artikel yang kita buat di blog kita pastinya akan lebih menarik apabila dibagian bawahnya terdapat fitur Related Posts atau Artikel Terkait di bagian bawahnya karena selain untuk mempercantik blog kita tapi juga untuk memudahkan pengunjung kita menemukan artikel-artikel yang mungkin sedang dicarinya sesuai dengan kategori yang baru saja dibacanya atau sekedar membuatnya tertarik ketika melihat judul artikel yang terpampang tepat di sebelah bawah artikel yang baru saja dibacanya sehingga pengaruhnya pun akan berdampak baik kepada blog kita sendiri karena semakin lama pengunjung nongkrong di blog kita maka akan semakin baik pula page views blog kita. Menarik
bukan? mempunyai blog yang pengunjungnya selalu betah berlama-lama nangkring ataupun hanya sekedar melihat-lihat saja.

Oke, kembali ke tujuan kita sesuai judul artikel ini yaitu "Membuat Artikel Terkait atau Related Posts di Blogger". Langsung saja yah, silahkan ikuti langkah-langkanya:

• Login dulu ke akun Blogger anda disini.
• Klik menu "Template" kemudian klik "Edit HTML".

• Klik "Proceed".

• Jangan lupa centang pada tulisan "Expand Widget Templates".

• Selanjutnya temukan kode berikut: <data:post.body/>
• Supaya mudah untuk mencarinya, silahkan tekan Ctrl + F di keyboard anda kemudian dan silahkan cari kode <data:post.body/> lewat kotak pencarian tersebut. Biasanya code tersebut ada 2 (dua) buah, pilih yang paling atas.
• Kalau sudah ketemu, copy paste kode berikut ini dan diletakkan persis dibawah kode tadi (<data:post.body/>). Berikut code nya:

<b:if cond='data:blog.pageType == &quot;item&quot;'>

<div class='similiar'>

<div class='widget-content'>

<br/><br/><b>Baca juga :</b>

<div id='data2007'/><br/><br/>

<div id='Randezvous'>

</div>

<script type='text/javascript'>

var homeUrl3 = &quot;<data:blog.homepageUrl/>&quot;;

var maxNumberOfPostsPerLabel = 5;

var maxNumberOfLabels = 5;

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>

• Kode atau tulisan yang berwarna pink bisa anda ubah menjadi tulisan (misalnya): "Artikel terkait:", "Related Posts:" atau "Posting terkait:". Silahkan ganti menurut selera anda.

• Terakhir klik "Save Template", dan selesai.. Untuk hasilnya silahkun buka blog anda..