Membuat Artikel Yang Berhubungan

Mei 05, 2009

Ada kalanya ketika ada yang membaca artikel kita, kita ingin menampilkan artikel-artikel lain yang berhubungan yang masih dalam satu kategori. Nah, untuk menampilkan hal ini kita perlu membuat semacam alat bantu di blogger. Kebanyakan blogger menyebutnya "artikel yang berhubungan atau related post". Ada banyak cara untuk membuat hal ini. Nah, yang sekrang mau saya share, aslinya saya dapet dari blognya Mas Kendhin. Jika anda mau bisa membaca artikel membuat artikel yang berhubungan di link ini. Oke, biar ga terlalu panjang saya bicara, kita langsung saja ya ke tipsnya...

Untuk bisa menampilkan artikel yang berhubungan, tentunya setiap postingan anda harus sudah punya label. Untuk labelnya anda tentukan sendiri ya. Berikut langkah-langkah membuat artikel yang terkait :
  1. Login ke blogger seperti biasa.
  2. Lalu klik Layout kemudian pilih Edit HTML.
  3. Kalau sudah centang kotak Expand Widgets Template. Tapi sebelumnya ingat Download Full Template sobat dulu. Buat jaga-jaga kalo entar ada yang salah.
  4. Kemudian copy script berikut

    <b:if cond='data:blog.pageType == "item"'>
    <div class='similiar'>

    <div class='widget-content'>
    <h3>Related Posts by Categories</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>

    lalu cari kode

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

    dan letakan seluruh script tepat di bawahnya. Untuk template yang sudah ada read more-nya, biasanya akan ada dua kode seperti itu. Nah scriptnya taruh di kode

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

    yang pertama.
  5. Kalo sudah ya di save.

Untuk kata Related Posts by Categories bisa sobat rubah sesuai kata-kata sobat sendiri. Oke, segitu saja dari saya. Thanks buat Mas Kendhin untuk script dan tipsnya. Selamat mencoba!(*bb/blgs)

Artikel Terkait Dengan Kategori :



Share this article on :

0 comments:

Posting Komentar

Silakan bagi sahabat yang ingin berkomentar, memberi kritik, dan saran sebagai apresiasi dalam tulisan ini. Saya pribadi sangat menghargai dan menghormati apapun bentuk apresiasi yang sahabat berikan. Terima kasih!!

 
© Copyright 2009-2011 bliyanbayem All Rights Reserved.
Template Design by Herdiansyah Hamzah | Published by Borneo Templates | Powered by Blogger.com.