Thursday, September 20, 2012

Cara Membuat Related Post / Artikel Terkait

Cara Membuat Related Post / Artikel TerkaitCara Membuat Related Post / Artikel Terkait - Related Post atau Artikel Terkait sering sekali digunakan kebanyakan blogger, fungsinya untuk memberikan artikel yang terkait atau artikel lainnya yang bersangkutan atau hampir sama dengan artikel yang dibaca si visitor tersebut.

Cara Membuat Related Post / Artikel Terkait - Nah yang jadi pertanyaan bagaimanakah Cara Membuat Related Post / Artikel Terkait? Caranya mudah sekali, kalian hanya diharuskan untuk mengikuti tutorial dibawah ini, kalau cuma mengikuti saja apa susahnya? hehehe... berikut Cara Mudah Membuat Related Post / Artikel Terkait :

  1. Pergi ke Rancangan (Edit HTML)
  2. Kalau sudah Centang Expand Widget.
  3. Cari </head> supaya lebih mudah tekan F3, atau Ctrl + F (find)
  4. Kalau sudah ditemukan, copy code dibawah ini dan taruh diAtas code </head>
    <script type="text/javascript">
    //<![CDATA[
    var relatedTitles = new Array();
    var relatedTitlesNum = 0;
    var relatedUrls = new Array();
    function related_results_labels(json) {
    for (var i = 0; i < json.feed.entry.length; i++) {
    var entry = json.feed.entry[i];
    relatedTitles[relatedTitlesNum] = entry.title.$t;
    for (var k = 0; k < entry.link.length; k++) {
    if (entry.link[k].rel == 'alternate') {
    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 < 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 < 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;
    document.write('<ul>');
    while (i < relatedTitles.length && i < 20) {
    document.write('<li><a href="' + relatedUrls[r] + '">' +
    relatedTitles[r] + '</a></li>');
    if (r < relatedTitles.length - 1) {
    r++;
    } else {
    r = 0;}
    i++;}
    document.write('</ul>');}
    //]]>
    </script>
  5. Kalau sudah ditaruh jangan disave dahulu, masih ada langkah selanjutnya, carilah code ini <data:post.body/>
  6. Lalu letakan code dibawah ini di bawah <data:post.body/>.
    <b:if cond='data:post.labels'>
    <b:loop values='data:post.labels' var='label'>
    <b:if cond='data:blog.pageType == "item"'>
    <script expr:src='"/feeds/posts/default/-/" + data:label.name + "?alt=json-in-script&amp;callback=related_results_labels&amp;max-results=5"' type='text/javascript'/>
    </b:if>
    </b:loop>
    </b:if>
    <b:if cond='data:blog.pageType == "item"'>
    <h4>Artikel Terkait</h4>
    <script type="text/javascript">
    removeRelatedDuplicates();
    printRelatedLabels();
    </script>
    </b:if>
  7. Kalau sudah barulah disave template
Perhatian : Code <data:post.body/>, biasanya ada 3 atau 4 buah, silahkan ada coba saja 1 per 1 letakan code tersebut.

Demikianlah sedikit ulasan saya yang mengenai Cara Membuat Related Post / Artikel Terkait, semoga dapat berguna dan bermanfaat.

0 comments:

Post a Comment