Cara Membuat Related Post/ Artikel Terkait Otomatis Di Blogspot

Cara Membuat Related Post/ Artikel Terkait Otomatis Di Blogspot

Jika sobat sudah familiar dengan kode HTML tidak ada salahnya untuk mencoba membuat Related post dengan memasukkan sebuah kode script kedalam template blog, cara ini aku namai dengan judul cara membuat Related post/ Artikel Terkait otomatis di blogspot. Karena pada posting terdahulu aku juga sudah pernah menulis cara membuat Related post tetapi dengan menggunakan Linkwithin, klik tautan link berikut untuk membaca artikel tersebut. Buka artikel. 

Baiklah, tanpa berpanjang lebar lagi mari kita mulai saja cara pemembuatan Related post otomatis ini. Silahkan ikuti langkah-langkah cara membuat Related post/Artikel terkait otomatis di blogspot berikut ini 

1-Login kedalam dasbor blog sobat 

2-Kemudian pilih template 

3-Kemudian pilih edit HTML 

4-Kemudian centang kotak expand template widget 

5-Kemudian masukkan kode yang ada dibawah ini tepat dibawah kode  <data:post.body/> cari kode <data:post.body/> Dalam template, tekan ctrl+f untuk mempermudah pencarian. 

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

    <div class='similiar'>

    <div class='widget-content'>

    <br/>

    <br/>

    <br/>

    <h4>Artikel Terkait:</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>

6-Terakhir, simpan hasil kerja sobat. Pilih simpan perubahan template, done! 

Relateed post atau Artikel terkait yang tayang ini akan tampil pada tiap-tiap akhir artikel dan menampilkan judul berdasarkan kategori, selamat mencoba sob dan sampai disini dahulu tutorial cara membuat Related post/Artikel terkait otomatis di blogspot semoga bermanfaat dan bye-bye….