KAWAN SEO

Cara Memasang Related Post Pada Blogger

Pada kesempatan kali ini saya akan berbagi dengan kawan-kawan tentang Cara Memasang Related Post Pada Blogger. Related post berfungsi untuk memberitahukan kepada para pembaca blog kita, kalau artikel yang sedang dibaca memiliki kesamaan dengan beberapa artikel dari blog kita. Related post pada blog biasanya dimunculkan berdasarkan label.

Dan berikut saya berikan sedikit tutorialnya tentang Cara Memasang Related Post Pada Blogger :

1. Pastinya masuk ke akun blogspot anda terlebih dahulu
2. Berikutnya adalah Pilih Template --> Edit HTML, biasanya akan muncul peringatan. Langsung pilih lanjut saja.
3. Jangan lupa untuk memberikan centang pada Expand Template Widget
4. Temukan skrip seperti dibawah ini

<data:post.body/>

Jika ingin mudah gunakan fasilitas yang disediakan browser anda, yaitu perintah find (Ctrl+F).
Setelah pencarian biasanya akan ditemukan 3 kode yang sama, pilih yang ke 2.

5. Kemudian letakkan kode berikut tepat dibawah kode yang telah dicari tadi.

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

6. Langkah terakhir adalah menyimpannya.

Untuk mengetahui berhasil atau tidaknya, silakan cek pada blog anda.

Sekian dulu postingan tentang  Cara Memasang Related Post Pada Blogger kali ini, semoga bermanfaat.