Membuat Artikel Yang Berkaitan di Blogger

Dengan mudah anda bisa Membuat Artikel Yang Berkaitan dan menampilkan related post di bawah artikel anda pada blogger. Top Trik akan membantu anda untuk menampilkan artikel yang berkaitan, cukup copy paste kode di bawah ini artikel yang berkaitan akan segera tampil di halaman blog anda.

Bagi anda yang belum tahu. Artikel yang berkaitan adalah artikel yang berkategori sejenis dengan artikel yang sedang tayang di blog. Menampilkan related post ini sangat berguna untuk menjaring trafik internal dari blog Anda dan membuat pengunjung blog Anda betah berlama-lama di blog anda.

Inilah cara membuat artikel yang berkaitan alias cara menampilkan related post:

1. Setelah login di akun blogger anda, masuklah ke Dasbor

2. Pilih tata letak

3. Klik edit html

4. Aktifkan "Expand Widgets Template"

5. Cari kode <data:post.body/>

6. Paste kode di bawah ini persis di bawah kode <data:post.body/>

7. Sebagai catatan jika kode <data:post.body/> ada dua maka letakan dibawah kode yang pertama

<b:if cond='data:blog.pageType == "item"'>
<div class='similiar'>
<div class='widget-content'>
<h3>Saya Sarankan Anda Baca Juga</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: kode <!--Membuat artikel yang berkaitan--> boleh disertakan boleh pula dibuang. hanya untuk menandai area kode untuk related post.
Membuat artikel yang berkaitan pada blog anda banyak manfaatnya, selain memudahkan pengunjung untuk mencari artikel yang dibutuhkannya, juga bisa meningkatkan page view blog anda. jadi tunggu apa lagi segera pasang artikel yang berkaitan pada blog anda.