Cara Membuat Related Post / Artikel Terkait

Cara Membuat Related Post / Artikel Terkait - tujuan utama seorang pembaca datang mengunjungi blog kita adalah ingin memperoleh berita / informasi terbaru yang sedang update. salah satu cara agar seorang pembaca betah membaca artikel kita adalah salah satunya dengan fasilitas 'related post', atau 'artikel terkait'. kenapa? karena orang akan lebih penasaran dengan isi blog kita tentunya, selain itu related post juga bisa digunakan sebagai cara mempromosikan artikel kita yang terdahulu .

untuk menmbuatnya, ikuti langkah-langkahnya dibawah ini :
  • login ke blog anda
  • masuk ke menu 'layout/rancangan', pilih 'edit HTML'
  • tandai kotak 'expand  widgets templates ' dibagian pojok kanan atas.
  • cari kode ini <data:post.body/>
  • letakkan kode ini dibawah kode <data:post.body/>

<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>

  • simpan dan selesai
anda bisa mengganti tulisan 'related post' dengan kalimat lain misalnya 'artikel pilihan' atau 'artikel terkait'.
semoga bermanfaat ^_^ 

3 comments:

  1. Banyak tutorial blog. Tapi banyak yang cara penyampaiannya bertele-tele bahkan kadang gak berhubungan dengan tutorialnya. Aku salut dengan anda. Tidak bertele-tele, bahasanya mudah dipahami oleh orang awam, dan begitu dipraktekkan langsung jadi dengan hasil yang memuaskan. Makasih TIPSnya, terus berkarya !

    ReplyDelete
  2. @ismanpunggul
    Terimakasih sudah berkunjung.
    semoga tetap berkarya..

    ReplyDelete

SEJARAH ASIAN GAMES

INFORMASI TERBARU - Indonesia tahun ini menjadi tuan rumah ASIAN GAMES 2018. Jakarta dan Palembang adalah dua kota penyelenggara acara akba...