Cara Membuat Related Post / Artikel Terkait

Related Post. Mungkin masih ada sobat-sobat yang belum tahu tentang hal ini…. (Saya sendiri juga baru mengetahuinya). Nah! anggap saja belum ada yang tahu ya biar enak ngejelasinnya.he…he….

Menurut apa yang saya baca Related Post atau biasa di sebut artikel terkait adalah cara untuk membuat pengunjung betah berlama-lama nongkrong di blog kita.lho… kok bisa…bisa dong karena dengan adanya related post ini memudahkan pengunjung untuk melihat-lihat isi blog kita… kalau boleh saya mengatakan Related post ini seperti daftar isi tentang artikel-artikel yang berkaitan. Contoh kita sedang membaca artikel tentang SMS lucu maka yang di tampilkan di Related post adalah artikel yang labelnya sama dengan artikel yang kita baca. Masih binggung ya?...(sama). Dari pada bingung-bingung kita langsung saja ya…

Cara membuat related post

Langkah pertama langsung login ke blogger.com > pilih rancangan > edit html > dan centang / tandai “expand template widget”

Untuk berjaga-jaga bila terjadi kesalahan download dulu templatenya…

Kemudian cari kode </head> dan letakkan script di bawah ini tepat di atas kode </head> tersebut.

<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>

Lalu cari kode <data:post.body/>, bila ada beberapa <data:post.body/> maka pilih saja yang terakhir. Kemudian letakan script berikut 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>Artikel Terkait</h4>
<script type="text/javascript">
removeRelatedDuplicates();
printRelatedLabels();
</script>
</b:if>

Kemudian simpan…

Demikian cara membuat related post / artikel terkait,dan tentunya masih ada kekurangan, silahkan sobat tambahkan di komentar. Trims….