Cara Membuat Artikel Terkait / Related Post Blogger

Jumat, 25 Desember 2009 ·

Apa itu Related Post ?
Related Post adalah postingan terkait yang biasanya muncul dibawah postingan yang dibaca oleh pengunjung. Related post berfungsi untuk merangsang rasa ingin tau pengunjung, karena jika pengunjung membaca suatu posting dan dibawahnya tampil postingan yang berkaitan maka mudah-mudahan juga pengen membaca artikel itu (diklik untuk dibaca) sehingga efeknya akan meningkatkan page view alexa rank atau peringkat alexa rank.
Langsung aja ya, saya akan mencoba mengulasnya untuk Anda.


  1. Login ke blog dengan ID anda »» klik Tata Letak »» pilih Edit Html »» centang Expand Widget Template »» Download template untuk backup template blog kamu (penting!)
  2. Letakkan script html berikut ini tepat di bawah kode yang pertama dari <data:post.body/>
    Biasanya kode tersebut ada dua jika telah memasang read more pada template blog. Kalau belum ada, berarti langsung saja letakkan tepat di bawah kode tadi. Bila sulit mencarinya, kamu tinggal tekan kebor Ctrl + F atau F3 agar cepat ketemu


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




  3. Klik Simpan Template
  4. Selesai.

    [*]

    Artikel Menarik Lainnya



    1 komentar:

    Muhammad Zainudin mengatakan...
    21 November 2010 pukul 01.03  

    thanks bro...buat tipsnya. skrg dh bisa bikin related post he..he..maklum newcomer. silakan kunjungi banyubeningku.blogspot.com da artikel2 ilmiah bagus

    Posting Komentar

    Komentar Klasik Klik di sini

    Artikel Populer

    Komentar Terakhir

    Tukeran Link

    <a href="http://belajartrikblog.blogspot.com">target="new"><strong>Belajar Trik Blog</strong></a>

    Mengenai Saya

    Foto saya
    Saya adalah pemula di dunia blogging