Pasang Related Post Di Sidebar

Related Post di bawah postingan mungkin sudah banyak sekali jumlah blogger yang menerangkan namun kalau Pasang Related Post Di Sidebar belum tentu banyak yang membagikannya. Sekarang saya ingin membagikannya, namun cara pemasangannya agak ribet perlu ketelitian juga biar tidak terjadi keslahan, kalau berani, silahkan liat di bawah ini.

1. Login ke blogger
   
   
2. masuk ke Rancangan >> Edit HTML
   
   
   
   
   
3. klik kotak kecil disamping tulisan expand widget template
   
   
   
4. cari kode </head> lalu taruh kode di bawah ini tepat di atasnya
   
   
   <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. Setelah itu cari kode di bawah ini
   
   
   <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>
   
6. Setelah ke temu ganti dengan kode di bawah ini
   
   
   <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>
   
   
   
7. Setelah itu sobat dapat menyimpannya
8. Sekarang sobat masuk ke halaman Elemen Halaman dan tambahkan sebuah gadget di sidebar, pilih yang HTML/javascript dan masukan kode di bawah ini dan beri judul related post >> simpan
   
   <script type="text/javascript">
   removeRelatedDuplicates();
   printRelatedLabels();
   </script>
   
   
   
   
   
   
   
9. Nah dengan cara ini related post di sidebar sudah terpasang, namun pada halaman depan related post ini akan muncul, biar tidak muncul pada halaman depan maka kita pakai trik Memunculkan widget di halaman tertentu mari kita buat.
10. Sekarang sobat menuju halaman edit HTML
11. lalu expand widget template dan cari kode seperti di bawah ini (setiap template berbeda-beda, intinya adalah related post)
    
    
    <b:widget id='HTML27' 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>
    
12. Setelah selesai melakukan cara di atas, maka sobat dapat menyimpannya dan melihat hasilnya.

Perbedaan Related Post Di Sidebar dengan Related post di bawah postingan adalah letak dan jumlah post yang di tampilkan, biasanya pada Related post di bawah postingan terdapat banyak post dari berbagai kategori, namun kalau Related Post Di Sidebar hanay terdapat sekitar 20 post pada kategori postingan yang sedang di baca. Mungkin hanya itu saja yang dapat saya berikan kurang lebihnya mohon maaf. Terima kasih dan Happy Blogging.

Bagikan Artikel : Facebook Twitter Google+ Linkedin Technorati Digg