Home » » Cara Membuat Related Post atau Artikel Terkait

Cara Membuat Related Post atau Artikel Terkait

cara membuat related post artikel terkait posting terkait
Widget Related Post adalah widget yang akan menampilkan postingan sejenis atau terkait dengan postingan yang lagi dibuka. Nantinya, widget ini akan menampilkan judul2 postingan yang satu label dengan postingan yang sedang dibuka. Untuk contoh related post ini, sobat bisa lihat gambar d samping.

Fungsi Widget Related Post :
1. Meningkatkan page views blog.
2. Memudahkan pembaca menemukan artikel yang satu tema.

So, bagaimana "cara membuat related post" ini? Follow the following guide :
PEMASANGAN
  • masuk ke blog sobat modif ( blogger )
  • cari dan klik menu tata letak / lay out
  • klik submenu Edit HTML
  • centang expand template widget
  • untuk berjaga-jaga dari kerusakan yang fatal, download dulu templatenya , caranya: klik download template lengkap
  • setelah kira-kira template aman dan dapat diperbaiki jika rusak, cari kode berikut: <data:post.body/> . Jika sobat modif memakai read more, tentu <data:post.body/> -nya ada dua, maka pilih yang pertama
  • kemudian copy pastekan kode berikut tepat di bawah <data:post.body/> tadi


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



    PENGATURAN ATAU COSTUMIZE


    ganti yang berwarna merah dengan ( nilai 100 ) nilai angka yang sobat modif sukai. Angka seratus tersebut adalah jumlah judul yang keluar pada related post / posting terkait / artikel terkait. Jikalau sobat modif mau menampilkan 9 judul , maka atur angkanya 10. nGERTI ??? pAsti ngerti la....


    • setelah di pastekan, klik save template / simpan template
    • lihat postingan sobat modif dan apa yang terjadi

    Bagaimana cara membuat widget related post ini? Apakah susah? Kalau susah berjuang terus !!! n pelajari terus !! Sip and salam blogger !!!
      Baca juga yang ini:

      9 comments:

      Leave a Reply