Related Post dan Fungsinya

Related Post dan Fungsinya
Apa sih telated post itu? Fungsinya untuk apa? Jika kita membaca sebuah tulisan dari posting sebuah blog atau web, biasanya dibawah posting tersebut ada judul-judul posting yang membahas topik yang sama dengan posting yang kita baca, biasanya diber keterangan "artikel terkait" atau "related post". Nah, itulah yang disebut related post. Fungsinya untuk memudahkan pembaca menemukan posting yang topiknya sama dengan postingan yang sedang dibaca. Ini memudahkan bagi si pembaca menemukan informasi lainnya dengan topik serupa. Disisi lain ini juga merupakan trik untuk meningkatkan page view bagi blog.


Cara buat related post di Blogger
Ada banyak kode yang dibagikan oleh rekan blogger mengenai cara membuat related post. Dan salah satunya kode dibawah ini:

1. Login ke akun blogger
2. Pilih template
3. Pilih HTML
4. Cari kode ]]></b:skin>
5. Masukan kode berikut:
/* Related Post Cepat --------------------------------- */ #related-postsku{float:left;width:100%;margin-top:5px;margin-left:0px;font-size:13px;font-family:Arial,serif;margin-bottom:0px;} #related-postsku a{text-decoration:none;} #related-postsku a:hover{text-decoration:none;} #related-postsku ul{border:medium none;margin:10px 0px 10px 0px;padding:0;} #related-postsku ul li{display:block;background:url("https://lh3.googleusercontent.com/-6iznc81V_pQ/UcmgB6yKU3I/AAAAAAAABWc/NhxmD6789YU/s25/rss.png") no-repeat 0 0;margin:0;padding-top:0;padding-right:0;padding-bottom:1px;padding-left:30px;margin-bottom:5px;line-height:2em;border-bottom:1px dotted #cccccc;}
6.  Cari kode </head>, dan letakan diatasnya:
<!-- Artikel Terkait Start Bro--> <b:if cond='data:blog.pageType == &quot;item&quot;'> <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> </b:if> <!-- Artikel Terkait End Bro-->
7. Cari kode <div class='post-footer'><
   <b:if cond='data:blog.pageType == &quot;item&quot;'> <div id='related-postsku'> <font style='font-size:19px;color:#CC333B;font-family:Arial;'><b>Artikel Terkait: </b> </font><font color='#fff'><b:loop values='data:post.labels' var='label'><data:label.name/> <b:if cond='data:label.isLast != &quot;true&quot;'/><b:if cond='data:blog.pageType == &quot;item&quot;'> <script expr:src='&quot;/feeds/posts/default/-/&quot; + data:label.name + &quot;?alt=json-in-script&amp;callback=related_results_labels&amp;max-results=5&quot;' type='text/javascript'/> </b:if></b:loop></font> <script type='text/javascript'> removeRelatedDuplicates(); printRelatedLabels();</script> </div> </b:if>
8. Save Template

Ket: untuk yang diberi warna ungu, menunjukan ikon gambar related post. Bisa diganti dengan gambar yang kita inginkan .

Related post juga bisa berupa gambar saja atau disertai dengan potongan artikel. Untuk blog yang dibuat dengan model blogstore (biasanya blog yang dibuat untuk toko online) sebaiknya menggunakan model related post dengan gambar.

Script dari blognya aura-ilmu.com