Memasang Related Post di Blogger

Fungsinya sudah tentu seperti namanya, Related Post fungsinya mempermudah pengunjung atau pembaca blog menemukan artikel terkait dari apa yang dibacanya dan juga sudah barang tentu meningkatkan traffic dari blog anda. Jika anda pernah melihat di beberapa blog yang menggunakan "Related Post" ini, judulnya antara lain :

• Link Berkaitan
  
• Artikel Terkait
  
• Posting Terkait
  
• Tautan Lainnya
  
• Artikel yang Bertautan
  
• Dan masih banyak lagi

Jadi anda bisa memberi judul "Related Post" anda dengan salah satu pilihan diatas.
 
Tidak usah panjang lebar, berikut langkah-langkah Instalasi "Related Post" pada blog anda :
 

Perhatian!!!

Backup template anda sebelum memulai!!!

Saya tidak bertanggung jawab atas kesalahan yang terjadi!!!

Langkah Pertama

Login ke Dashboard > Tata Letak > Edit HTML

 
Cari kode </head> dan copas kode ini :



<script type="text/javascript"><br>//<![CDATA[<br>var relatedTitles = new Array();<br>var relatedTitlesNum = 0;<br>var relatedUrls = new Array();<br>function related_results_labels(json) {<br> for (var i = 0; i < json.feed.entry.length; i++) {<br> var entry = json.feed.entry[i];<br> relatedTitles[relatedTitlesNum] = entry.title.$t;<br> for (var k = 0; k < entry.link.length; k++) {<br>  if (entry.link[k].rel == 'alternate') {<br>   relatedUrls[relatedTitlesNum] = entry.link[k].href;<br>   relatedTitlesNum++;<br>   break;<br>  }<br> }<br> }<br>}<br>function removeRelatedDuplicates() {<br> var tmp = new Array(0);<br> var tmp2 = new Array(0);<br> for(var i = 0; i < relatedUrls.length; i++) {<br>  if(!contains(tmp, relatedUrls[i])) {<br>   tmp.length += 1;<br>   tmp[tmp.length - 1] = relatedUrls[i];<br>   tmp2.length += 1;<br>   tmp2[tmp2.length - 1] = relatedTitles[i];<br>  }<br> }<br> relatedTitles = tmp2;<br> relatedUrls = tmp;<br>}<br>function contains(a, e) {<br> for(var j = 0; j < a.length; j++) if (a[j]==e) return true;<br> return false;<br>}<br>function printRelatedLabels() {<br> var r = Math.floor((relatedTitles.length - 1) * Math.random());<br> var i = 0;<br> document.write('<ul>');<br> while (i < relatedTitles.length && i < 20) {<br>  document.write('<li><a href="' + relatedUrls[r] + '">' + relatedTitles[r] + '</a></li>');<br>  if (r < relatedTitles.length - 1) {<br>   r++;<br>  } else {<br>   r = 0;<br>  }<br>  i++;<br> }<br> document.write('</ul>');<br>}<br>//]]><br></script><br>


Sementara anda sudah menyelesaikan sekian % dari semuanya dan setelah itu Langkah berikutnya

Langkah Ke Dua

Masih di Tempat (Edit HTML), centang Expand Widget Template

Cari kode ini (gunakan Ctrl + F pada browser anda dan ketikkan salah satu baris pada kode 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:loop>

        </b:if>

Jika kode tersebut sudah ketemu, sisipkan kode ini :

<b:if cond='data:blog.pageType == "item"'>

<script   expr:src='"/feeds/posts/default/-/" + data:label.name +   "?alt=json-in-script&callback=related_results_labels&max-results=10"'   type='text/javascript'/>

Agar tidak keliru lihat layoutnya seperti 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&callback=related_results_labels&max-results=10"'   type='text/javascript'/>

</b:if>

          </b:loop>

        </b:if>

OK! Setelah itu simpan template dan kita beralih ke Langkah berikutnya

Langkah Ke Tiga

Masuk ke Tata Letak > Tambah Gadget dengan jenis HTML/Javascipts

Kopi kode ini :

<script type="text/javascript">
 removeRelatedDuplicates();
 printRelatedLabels();
</script>

Beri judul sesuai dengan tulisan diatas

Simpan template

Langkah Ke Empat

Yup langkah terakhir,

Masuk ke Tata Letak > Edit HTML =>>> Expand Widget Template

Ingatlah judul yang anda berikan pada langkah ketiga tadi, gunakan tombol Ctrl + F dan ketikkan judul yang anda gunakan tadi pada langkah ketiga, misalnya "Artikel Terkait".

Jika sudah ketemu, tambahkan kode berwarna merah diantara kode-kode ini :

<b:widget id='HTML7' 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>

Maksud dari langkah ke empat ini agar membuat "Related Post" tidak tampil di Home Page Blog Anda

Selesai sudah, simpan template anda dan selamat mencoba!!!

Jika Blog ini bermanfaat bagi Anda, silahkan masukkan alamat email Anda di bawah ini untuk berlangganan :

ATAU klik disini untuk menjadi FOLLOWER di IndoBlogTrik