Related Post, Cara Ampuh Menambah Page View

Memasang Related Post pada halaman postingan kita memang banyak yang menganggapnya sepele, bahkan tidak menggunakannya sama sekali. Mereka tidak tahu manfaat apa yang bisa didapatkan dengan pemasangan Related Post ini di bawah postingan kita. Padahal manfaatnya sangat berguna sekali terutama berkaitan dengan SEO. Menurut pakar SEO sendiri, Related Post adalah suatu cara untuk membuat konten di blog gampang terindeks di google.

Related Post adalah deretan link judul artikel yang memiliki kaitan isi konten atau yang dikelompokkan berdasarkan kategori pada label di postingan kita. Sehingga, saat seseorang sedang membaca sebuah artikel, lalu dia merasa tidak puas dengan artikel yang dibacanya tersebut, kemungkinan terbesar dia akan tertarik dengan link artikel yang ada pada Related Post. Sehingga dia akan mengklik link tersebut, dan tentunya hal ini menambah keuntungan bagi blog kita, dimana akan semakin bertambahnya page view pada artikel-artikel blog kita.

Pengalamanku Dalam Memasang Related Post

Sebetulnya sudah sejak lama sekali aku ingin memasang Related Post ini di blog Penghuni 60 ku, akan tetapi selalu saja gagal dan gagal lagi. Padahal sudah banyak sekali kode script yang aku coba, sampai-sampai, aku mengalami titik buntu, gimana caranya memasang Related Post ini. Namun, hal itu tidak mematahkan semangatku untuk terus mencoba, meskipun aku sudah merasa mumet untuk mengutak-atik templateku, akan tetapi, jujur, aku sangat menginginkan sekali, penampakan Related Post ini muncul di blogku.

Akhirnya, aku memutuskan untuk terus mencari berbagai macam kode Related Post yang banyak aku temukan di blog teman-teman yang mempostingnya. Dan Alhamdulillah, akhirnya aku menemukan kode script yang cocok dengan templateku ini. Alhasil, kalian bisa lihat sendiri kan, penampakan Related Postku di bawah postingan ini. Keren kan?

Lalu bagaimana cara membuatnya?

Bagi sobat Penghuni 60 yang ingin memasang Related Post ini di bawah postingan, silahkan ikuti langkah-langkahnya berikut ini:

Cara Memasang Related Post Di Bawah Postingan:

1. Silahkan Login terlebih dahulu ke akun blogger kalian
   
2. Masuklah ke menu Template – Edit HTML
   
3. Sebelumnya, Back Up terlebih dulu template kalian, untuk menjaga jikalau pemasangan kode script ini malah mengacaukan template kalian. (Cara memback upnya cukup kalian copy- pakai CTRL+A biar cepat, setelah itu paste pada Notepad dan simpan)
   
4. Kemudian, carilah kode </head> - pakai CTRL+F untuk mempermudah
   
5. Jika sudah ketemu, silahkan copy code script dibawah ini lalu paste tepat di atas kode </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. Jika sudah, carilah kode <data:post.body/>
   Perhatian :"biasanya akan ada beberapa kode <data:post.body/> di template anda, maka dari itu anda coba gunakan kode <data:post.body/> satu persatu untuk mem paste kode di bawah ini, ingat, hanya salah satu saja.
   
7. Copy paste kode di bawah ini tepat di bawah kode <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>Related Post</h4>
<script type="text/javascript">
removeRelatedDuplicates();
printRelatedLabels();</script>
</b:if>

---

8. Setelah selesai, silahkan kalian simpan, dan cobalah preview blog kalian. Jika masih belum muncul Related Post nya, berarti kemungkinannya kalian salah penempatan kode, cobalah cari mana kode <data:post.body/> yang tepat.
   
9. Selesai
   

Tips: Umumnya akan ada 3 kode <data:post.body/>. Biasanya kode yang tepat adalah kode yang ada diurutan ketiga dari atas. Namun, jika blog kalian memakai Fungsi Read more, maka tempatkan kode tersebut tepat setelah kode Readmore.

Nah, itulah cara memasang Related Post di bawah postingan blog kita. Hasilnya akan terlihat seperti di bawah postingan ini.

Semoga tips ini bermanfaat... ^_^

---