Rabu, 09 November 2011

cara mudah membuat artikel terkait ( related post) di blogger

       seperti slogan RIE inspirasi yang tertuliskan "learn and share information-belajar dan berbagi informasi". maka saya berkomitmen setiap hal yang baru yang saya pelajari akan saya bagikan kepada anda semua. dan berikut adalah cara membuat artikel terkait (related post) pada blog dengan mudah. 

dan sebelumnya artikel tentan pembuatan related post ini saya peroleh dari sebuah blog, (http://www.bloggerafif.com) maka patutlah saya ucapkan terimakasih.


  oke langsung saja ke permasalahanya. Related post ( related terkait) sangat membatu sekali untuk meningkatka page view blog anda.



Berikut ini cara membuat related post di dalam artikel blogspot :

  1. Masuk ke Dasboard, lalu Design, Edit Html, dan pastikan anda terlebih dahulu melakukan backup template. Lalu centeng Expand widget template
  2. Tambahkan script dibawah ini sebelum </head> 
    <script type='text/javascript'>
    //&lt;![CDATA[
    var relatedTitles = new Array();
    var relatedTitlesNum = 0;
    var relatedUrls = new Array();
    function related_results_labels(json) {
    for (var i = 0; i &lt; json.feed.entry.length; i++) {
    var entry = json.feed.entry[i];
    relatedTitles[relatedTitlesNum] = entry.title.$t;
    for (var k = 0; k &lt; entry.link.length; k++) {
    if (entry.link[k].rel == &#39;alternate&#39;) {
    relatedUrls[relatedTitlesNum] = entry.link[k].href;
    relatedTitlesNum++;
    break;
    }
    }
    }
    }
    function removeRelatedDuplicates() {
    var tmp = new Array(0);
    var tmp2 = new Array(0);
    for(var i = 0; i &lt; relatedUrls.length; i++) {
    if(!contains(tmp, relatedUrls[i])) {
    tmp.length += 1;
    tmp[tmp.length - 1] = relatedUrls[i];
    tmp2.length += 1;
    tmp2[tmp2.length - 1] = relatedTitles[i];
    }
    }
    relatedTitles = tmp2;
    relatedUrls = tmp;
    }
    function contains(a, e) {
    for(var j = 0; j &lt; a.length; j++) if (a[j]==e) return true;
    return false;
    }
    function printRelatedLabels() {
    var r = Math.floor((relatedTitles.length - 1) * Math.random());
    var i = 0;

    while (i &lt; relatedTitles.length &amp;&amp; i &lt; 20) {
    document.write(&#39;&lt;li&gt;&lt;a href=&quot;&#39; + relatedUrls[r] + &#39;&quot;&gt;&#39; + relatedTitles[r] + &#39;&lt;/a&gt;&lt;/li&gt;&#39;);
    if (r &lt; relatedTitles.length - 1) {
    r++;
    } else {
    r = 0;
    }
    i++;
    }

    }
    //]]&gt;
    </script>
  3. Cari kode <div class='entry entry-content'> lalu paste kode berikut ini dibawahnya
    <b:if cond='data:blog.pageType == &quot;item&quot;'>
    <div style='float:right;'>
    <div class='related-posts'>
    <p>Related posts:</p>
    <ol>
    <b:loop values='data:post.labels' var='label'>
    <b:if cond='data:blog.pageType == &quot;item&quot;'>
    <script expr:src='&quot;/feeds/posts/default/-/&quot; + data:label.name + &quot;?alt=json-in-script&amp;callback=related_results_labels&amp;max-results=5&quot;' type='text/javascript'/>
    </b:if>
    </b:loop>
    <script type='text/javascript'> removeRelatedDuplicates(); printRelatedLabels(); </script>
    </ol>
    </div>
    </div>
    </b:if>
  4. Simpan. Sampai disini related post anda sudah jadi. Untuk lebih mempercantik tampilan, silahkan tambahkan kode css berikut sebelum 

silah anda coba, semoga bermanfaat.
◄ Newer Post Older Post ►