Cara membuat related post sederhana

Cara membuat related post sederhana

Cara membuat related post sederhana - Lama vakum dari aktifitas blogging karena bingung dengan waktu dan kesibukan lain (skripsi dan adsense) yang akhirnya ngga ada hasil yang memuaskan, akhirnya saya putuskan untuk kembali blogging, biar otak fresh.

Related posts atau artikel terkait adalah menu navigasi yang sangat penting dan dianjurkan untuk dipasang pada setiap blog, karena dapat meningkatkan traffict, khususnya bounce rate pada google analytics. Visitors akan lebih nyaman membaca artikel yang saling berkaitan tanpa perlu membuka menu daftar isi atau klik next artikel. Percaya atau tidak, pengunjung akan merasa nyaman manakala ada kemudahan dalam blog yang simple.

Berikut ini cara membuat related post sederhana ala RAM.system :

1. Login ke blogger.com
2. Klik design atau template untuk interface blog baru
3. Klik edit html
4. Jangan lupa centang expand dan jangan lupa download template untuk arsip template blog Anda
5. Kemudian tekan ctrl + f (find)
6. Cari kode berikut ini jika Anda menemukan kode lebih dari satu, maka pilih salah satu saja

<data:post.body/> lebih spesifiknya <p><data:post.body/></p>

7. Kemudian tambahkan kode dibawah ini, tepat dibawah kode <data:post.body/> lebih spesifiknya <p><data:post.body/></p>

Kode related post ala RAM.system

<b:if cond='data:blog.pageType == &quot;item&quot;'>
    <br/>
    <br/>
    <H2>Artikel Terkait Lainnya :: Share Apa Saja</H2>
    <div class='rbbox'>
    <div style='margin:0; padding:10px;height:200px;overflow:auto;border:1px solid     #ccc;'>
    <div id='albri'/>
    <script type='text/javascript'>
    var homeUrl3 = &quot;<data:blog.homepageUrl/>&quot;;
    var maxNumberOfPostsPerLabel = 4;
    var maxNumberOfLabels = 10;
    maxNumberOfPostsPerLabel = 10;
    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;albri&#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>
    <script type='text/javascript'>RelPost();</script>
    </div>
    </b:if>

8. Save

Screen shoot :

Cara membuat related post sederhana

Sekian belajar untuk kali ini, semoga Cara membuat related post sederhana dari saya ini bermanfaat untuk Anda dan kemajuan blog Anda.