HOME P H P C S S Tips and Trik Kontes SEO

Membuat Related Post di Blog Kita

Ketika kita membuka sebuah judul di sebuah blog, maka terkadang akan muncul "Related Post" atau Posting terkait. Anda sudah tau cara membuatnya? Jika belaum mari kita ikuti langkah-langkah membuat related post di blog kita. Semoga blog anda makin bagus ya sobat. Berikut uraiannya.



  1. Login terlebih dahulu kemudian klik "Tata letak | Edit html "
  2. Ketikkan source berikut sebelum </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>
  3. Kemudian simpan hasil editan template tadi, setelah itu centang "Expand Widget Template."
  4. Carilah source berikut :
    • <b:if cond='data:post.labels'>
      <data:postLabelsLabel/>
      <b:loop values='data:post.labels' var='label'>
      <a expr:href='data:label.url' rel='tag'><data:label.name/></a><b:if cond='data:label.isLast != "true"'>,</b:if>
      </b:loop>
      </b:if>
    • Kemudian editlah seperti berikut (tambahakan kode berwarna merah ini didalamnya ):
      • <b:if cond='data:post.labels'>
        <data:postLabelsLabel/>
        <b:loop values='data:post.labels' var='label'>
        <a expr:href='data:label.url' rel='tag'><data:label.name/></a><b:if cond='data:label.isLast != "true"'>,</b:if>
        <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=10"' type='text/javascript'/>
        </b:if>
        </b:loop>
        </b:if>

  5. Kemudian simpan dulu hasil editan tadi, setelah itu klik "Elemen halaman" tambahkan widget baru "Html/javascript" masukkan code berikut didalamnya, dan jangan lupa beri judul "Related post"
    • <script type="text/javascript">
      removeRelatedDuplicates();
      printRelatedLabels();
      </script>

  6. Setelah disimpan, masuklah kembali di Edit Html, klik Expand widget template, kemudian carilah widget "Related Post" tadi, tambahkan script warna merah berikut didalamnya
    • <b:widget id='HTML13' locked='false' title='related post' type='HTML'>
      <b:includable id='main'>
      <b:if cond='data:blog.pageType == "item"'>
      <!-- only display title if it's non-empty -->
      <b:if cond='data:title != ""'>
      <h2 class='title'><data:title/></h2>
      </b:if>
      <div class='widget-content'>
      <data:content/>
      </div>

      <b:include name='quickedit'/>
      </b:if>
      </b:includable>
      </b:widget>
  7. Simpan, coba lihat dan jangan lupa bersyukur ya.....

2 comments:

  1. Asslm,,,,

    Kunjungan Balik nih Sob,
    Thanks ya udah Berkunjung ke Rumahku…hehehe
    Rumahnya (Blognya…red) tambah oke aja,
    Gak bosen deh saya sempatkan untuk Datang ke Sini lagi..!!

    Sob saya punya Blog baru nih,
    Sempatkan untuk berkunjung ya, ini Rumah Baruku…
    http://gratispasangbanner.blogspot.com
    http://artibelajarmengajar.blogspot.com
    http://guladarahrendah.blogspot.com


    Salam,,,

    ReplyDelete
  2. udech ane coba gan ..work maksaih nich tutornya

    ReplyDelete

Silakan Coment disini

Related Posts with Thumbnails

Artikel Lainnya


ARSIP BLOG
MY MENU
POSTING TERBARU
TUKAR LINK

MEMBER
WEB LINKs
VISITOR