Cara Membuat Related Post

Selamat malam kawan, apa kabar ? membahas related post pada postingan saat ini,mungkin mempelajari artikel ini akan sedikit sulit, namun jika kawan mempelajarinya dengan tekun pasti kawan bisa. Saya sendiri masih mencari bagaimana membuat related post yang keren atau menarik, dengan demikian bisa mendapatkan hasi yang maksimal dalam membuat tutorial yang menarik. Jika kawan tahu hubungi saya ya, tinggal berkomentar di bawah postingan ini. Langsung saja ini tutorialnya untuk kawan semua.

FEATURE

• Related post

Langkah Pertama

• Log in terlebih dahulu, lalu click Layouts, jika sudah click EDIT HTML dan cari kode di ini </head>
• Copy kode di bawah ini dan letakan 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><br />

• Save Template

Langkah Kedua

• Klik Edit HTML lagi dan beri centang pada Expand Widget Template.
• Cari kode di bawah ini

<b:if cond='data:post.labels'><br /> <data:postLabelsLabel/><br /> <b:loop values='data:post.labels' var='label'><br /> <a expr:href='data:label.url' rel='tag'><data:label.name/></a><b:if cond='data:label.isLast != "true"'>,</b:if><br /> </b:loop><br /> </b:if><br />

• Masukan kode yang dicetak tebal diantara kode-kode di atas. Lihat di bawah ini.

<b:if cond='data:post.labels'><br /> <data:postLabelsLabel/><br /> <b:loop values='data:post.labels' var='label'><br /> <a expr:href='data:label.url' rel='tag'><data:label.name/></a><b:if cond='data:label.isLast != "true"'>,</b:if><br /> <b:if cond='data:blog.pageType == "item"'><br /> <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>

• Save Template 

Langkah ketiga 

• Di dashboard menu 
• Klik Layouts 
• KlikAdd A Gadget
• Pilih HTML/Javascript 
• Copy kode di bawah ini dan masukan di kotak yang tersedia

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

• Beri Judul, misalnya Related Post atau Post yang berkaitan atau sejenisnya. 
• Jangan lupa Simpan 

Langkah ke empat

Untuk tidak membuat Related Post muncul di halaman utama dari blog tapi muncul di halaman postingan atau single page, kita harus menambahkan beberapa kode.

• Cari kode di bawah ini. Fokus saja pada tulisan Related Post atau Post yang berkaitan (tergantung dari judul yang kalian buat di step 3 pada langkah ke 3)

<b:widget id='HTML13' locked='false' title='related post' 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>

• Save template

Demikian tutorial realeted post, terimakasih dan selamat malam.


Thanks to o-om