Cara Memasang Related Posts Tanpa Judul Label

Tips dan Tutorial Blogger Hack ini membahas tentang Cara Memasang Related Posts Tanpa Judul Label,, maksudnya Judul label tidak muncul pada Widget ini seperti sidebar saya. Silahkan anda baca penjelasan Related Post ini . :)

Related post atau artikel yang berkaitan merupakan sebuah cara untuk menampilkan link-link artikel yang berkaitan dengan artikel utama dan biasanya terletak dibawah artikel utama.

Realated Post ini biasanya berupa link yang tampilkan dibawah postingan tunggal tepatnya di bawah kolom komentar. Keuntungan dengan pemasangan post yang berkaitan tentu saja akan mempermudah pengunjung blog kita untuk menemukan artikel terkait tanpa harus menuju dan membuka satu persatu halaman dalam link label.


Untuk cara pemasangannya silahkan ikuti cara berikut :

1. Login ke Blogger. Pilih menu Design -> Edit HTML
2. Back-up terlebih dahulu template Anda dengan cara klik Download Full Template.
3. Setelah itu, beri tanda centang pada kotak "Expand Widgets Template".
4. Cari kode </head> gunakan ctrl+f untuk memudahkan pencarian.
5. Jika sudah ketemu, letakkan kode dibawah ini diatas </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>

6. Selanjutnya cari kode yang mirip seperti dibawah ini : ( untuk memudahkan pencarian silahkan sorot salah satu kode dibawah, dan paste pada kotak find dengan ctrl+f.
<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>

7.Jika sudah ketemu, masukan kode berwarna merah dibawah diantara kode diatas. (seperti contoh dibawah) :
<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>

8. Kalau sudah, klik Save Template

9. Masuk pada Template -> Elemen halaman -> kemudian buat elemet baru atau klik "Tambahkan sebuah Elemen Halaman" -> copy-paste kode dibawah ini dan jangan lupa memberikan nama judul misal, "Artikel Terkait" -> kemudian jangan lupa disimpan.
<script type="text/javascript">
 removeRelatedDuplicates();
 printRelatedLabels();
</script>

10. Agar related post ini tidak tampil pada halaman utama dan hanya tampil pada halaman posting tunggal maka kita perlu penambahan beberapa kode, caranya:
Masuk pada Template -> Edit HTML -> jangan lupa beri tanda centang pada "Expand Widget Template" -> cari judul Artikel Terkait atau judul yang anda berikan sebelumnya dan hasilnya seperti dibawah ini dan tambahkan kode yang berwarna biru dengan posisi harus tepat seperti contoh dibawah.
<b:widget id='HTML13' locked='false' title='Artikel Terkait' 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>

Selamat Mencoba, Salam Blogger.

Sumber: o-om

6 comments:

Anonymous on November 14, 2012 at 11:00 AM

Hey! This is kind of off topic but I need
some advice from an established blog. Is it tough to set up your own blog?
I'm not very techincal but I can figure things out pretty fast. I'm thinking about setting up my own
but I'm not sure where to start. Do you have any ideas or suggestions? Thanks
My webpage - forex

Anonymous on December 8, 2012 at 1:47 PM

Piece of writing writing is also a fun, if you know then you can
write or else it is difficult to write.
Feel free to visit my web blog : amphora tobacco

Anonymous on December 12, 2012 at 8:38 PM

Hello! I realize this is kind of off-topic however I needed to ask.
Does managing a well-established blog like yours take a massive amount work?
I am brand new to operating a blog however I do write in my diary every day.
I'd like to start a blog so I can share my experience and feelings online. Please let me know if you have any recommendations or tips for brand new aspiring blog owners. Thankyou!
Here is my web-site : drum tobacco

Anonymous on December 14, 2012 at 9:39 AM

It's awesome to pay a quick visit this website and reading the views of all mates on the topic of this piece of writing, while I am also zealous of getting experience.
My website ; Samson Tobacco

Anonymous on December 14, 2012 at 4:36 PM

I have read so many posts on the topic of the blogger lovers
except this paragraph is genuinely a fastidious paragraph, keep
it up.
Review my weblog ; amber leaf

Anonymous on February 7, 2013 at 10:42 PM

I really like reading a post that can make men and women think.
Also, many thanks for allowing for me to comment!
Take a look at my weblog - best natural acne treatment

Tips and Information Online © 2011 - 2013 by Kumpulan Cara | thanks to: Google | Yahoo Indonesia | Supported by Blog Indonesia