Cara Pasang Widget Artikel Terkait Pada Blogger

Cara Pasang Widget Artikel Terkait (Related Post) Blogger

Cara Pasang Widget Artikel Terkait (Related Post) Blogger. Mungkin beberapa kalian pernah membuka sebuah postingan dimana dibawah postingan terdapat link-link artikel yang terkadang saling berkaitan maupun tidak, nah itu yang dinamakan Related Post atau Artikel Terkait.

Nah kenapa ini perlu??? Karena dengan adanya fasilitas ini di blog akan mempermudah pengunjung dalam melihat postingan yang lain di blog tersebut serta tentunya meningkatkan SEO Blog itu sendiri menjadi Friendly . Maka related Post (artikel terkait) sangat penting dan wajib ada diblog kalian. 

Cara Pasang Related Post (Artikel Terkait) :

1. Langkah pertama tentu Login ke blogmu
2. Klik menu template lalu pilih Edit HTML
3. Centang Expand Widget Templates
4. Cari kode <data:post.body>
5. Copy kode dibawah ini letakkan dibawah <data:post.body> 

<b:if cond='data:blog.pageType == "item"'>
<div class='similiar'>
<span class='box'>
<div class='widget-content'>

<h3>Jangan Lupa baca artikel di bawah ini juga ya :</h3>
<div id='data2007'/><br/><br/>
<script type='text/javascript'>
var homeUrl3 = &quot;<data:blog.homepageUrl/>&quot;;
var maxNumberOfPostsPerLabel = 4;
var maxNumberOfLabels = 10;
maxNumberOfPostsPerLabel = 6;
maxNumberOfLabels = 100;
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>
</span></div>
</b:if>

6. Jangan lupa SAVE ya

Kalian bisa merubah font atau judul dari Related Post diatas sesuai kesukaan kalian

Selamat Mencoba ...

Note : Sebelum kalian merubah kode di menu HTML Blog terlebih dahulu backup template blog nya