Cara Mudah Membuat Related Post/Artikel Terkait Pada Blog

Cara Mudah Membuat Related Post/Artikel Terkait Pada Blog

Jika sobat ingin membuat related post tidak ada salahnya sobat mencoba membuat Related post dengan memasukkan sebuah kode script kedalam template blog, agar blog sobat lebih terlihat menarik sehingga dapat meningkatkan pengunjung untuk melihat blog sobat.

Berikut ikuti langkah-langkah Cara Mudah Membuat Related Post/Artikel Terkait Pada Blog ini 

Pertama Login kedalam dasbor blog sobat 

Kedua pilih template 

Ketiga pilih edit HTML 

Keempat centang kotak expand template widget untuk jaga-jaga kalau terjadi kesalahan

Kelima masukkan kode yang ada dibawah ini tepat dibawah kode  <data:post.body/> cari kode <data:post.body/> pada template, untuk mempermudah pencarian tekan tombol Ctrl+F. Biasanya terdapat dua atau tiga <data:post.body/>, coba satu-satu tapi biasanya pilih yang nomor tiga atau yang paling akhir.

<b:if cond='data:blog.pageType == &quot;item&quot;'>

    <div class='similiar'>

    <div class='widget-content'>

    <br/>

    <br/>

    <br/>

    <h4>Related Post:</h4>

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

Keenam Pilih simpan perubahan template, Selesai 

Tulisan warna merah rubah sesuai keinginan sobat

Related post atau Artikel terkait ini akan tampil atau muncul pada setiap akhir artikel yang dibuka dan menampilkan judul berdasarkan kategori.

Demikian artikel tentang Cara Mudah Membuat Related Post/Artikel Terkait Pada Blog

Semoga bermanfaat 

Share artikel ke: Facebook Twitter Google+ Linkedin Technorati Digg