Cara membuat Related Post pada Blogspot dengan Mudah

Panduan Cara membuat Related Post di Blogspot.

Untuk Sobat Bloger, saya Tanya dulu kenapa kita perlu memasang Related Post atau Artikel Terkait di dalam sebuah postingan blog kita? Seep, betul sekali jawaban anda.hehehe JJ.

Cobadah bayangin dulu ketika kita mengunjungi salah satu halaman blog milik orang lain, yang pasti webmaster blog tersebut akan mencoba membuat bagaimana pembacanya untuk tetap membuat pembaca betah dan bertahan pada blog kita bukan??

So pasti, untuk mewujudkan hal ini salah satu caranya yaitu kita harus mempunyai content yang berkualitas dan juga bisa menggunakan salah satu trik yaitu membuat related post.

Langsung saja mbak-mbak dan mas-mas kita menuju TKP bagaimana cara membuat related post di blogger. Untuk membuat Related post langkah-langkahnya yaitu:

1.  Login ke Dashboard Blogger. Masuk ke Design > Edit HTML.
2. Backup dulu template dengan klik Download Full Template.
3. Centang kotak Expand Widget Templates.
4. Cari kode berikut:

<data:post.body>

5.      Masukkan kode berikut tepat di bawahnya:

<b:if cond='data:blog.pageType == "item"'>

<div class='similiar'>

<div class='widget-content'>

<h3>Related Posts by Categories</h3>

<div id='whatever'/><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;whatever&#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>

6.      Save template dan coba liat hasilnya. Oke sobat.

Kalau yang mau simple lagi mudah tinggal pakai ini kawan. Langsung saja klik disini  Link Within. Kita tinggal masukkan email kita sama alamat blog kita. Setelah itu langsung jadi related post kita dalam bentuk thumbnail. Moga sukses kawan JJ.