Cara Membuat related post pada blog

Sobaat. Pada ulasan kali ini saya akan memberikan tips mengenai cara membuat Related Post/Post Terkait. Related Post ini Biasanya berada di bagian bawah sebuah postingan terdapat tampilan Artikel terkait (Related Post), hal ini berguna untuk memudahkan pengunjung melihat artikel lain yang berhubungan dengan artikel (postingan yang aktif). Dengan adanya related post bisa meningkatkan pagehit pada blog anda.

Ada kelemahan dari link yang terdapat pada releted post, yaitu klik yang ada merupakan klik dinamis, sehingga crawl (script google) tidak menghitung klik yang terjadi pada link tersebut. Berbeda dengan link statis, setiap klik pada link statis diperhitungkan oleh google dalam menentukan pagerank sebuah halaman web.

Baiklah, tidak usah panjang lebar, mari kita langsung mulai saja prakteknya. Untuk langkah - langkahnya bisa anda ikuti dibawah ini :

Prosedur membuat related post:
1.Login ke Dasboard
2.Pilih Layout -> Edit HTML
3.Centang kotak Expand Widget Template
4.Kemudian cari kode ini <data:post.body/>
Letakkan script berikut ini di bawah kode <data:post.body/>

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


    <div class='widget-content'>
    <h3>Related Posts by Categories</h3>
    <div id='data2007'/><br/><br/>
    <script type='text/javascript'>


    var homeUrl3 = &quot;<data:blog.homepageUrl/>&quot;;
    var maxNumberOfPostsPerLabel = 8;
    var maxNumberOfLabels = 2;


    maxNumberOfPostsPerLabel = 8;
    maxNumberOfLabels = 2;




    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>

 
Jika masih bingung, bisa lihat gambar dibawah ini:

Catatan.: angka berwarna merah pada code script diatas pada :
    var maxNumberOfPostsPerLabel = 8;
    var maxNumberOfLabels = 2;
    maxNumberOfPostsPerLabel = 8;
    maxNumberOfLabels = 2
 bisa anda ubah sesuai dengan keinginan anda.

Kata : Related Posts by Categories bisa anda ubah menjadi kata atau teks sesuai selera anda, misalnya : Artikel Terkait atau Artikel Yang berhubungan dan sebagainya

5. Jangan lupa simpan template.

Gimana?? mudah bukan. Yup. Kalo masih ada yang bingung, bisa sobat tanyakan melalui kotak komen bawah. Dan dengan sobat memberi komen, sobat secara tidak langsung  membantu donasi buat blog ini agar bisa naik pageranknya  melalui komen-komen sobat ( jika tidak keberatan ).

Yupp. mungkin itu tips yang bisa saya berikan pada postingan kali ini. Selamat mencoba dan semoga bermanfaat. have a nice blogging.:) keep posting.