Cara Membuat Artikel Terkait

Artikel terkait atau related post biasanya terdapat, dibawah postingan blog atau pada bagian sidebar blog Anda dan artikel terkait banyak macamnya mulai dengan tampilan bergambar atau hanya tampilan judul saja. Artikel terkait ini dapat dikatakan sebagai isi dari label tertentu.

Lalu cara membuat artikel terkait dibawah postingan itu, Anda hanya perlu untuk mempelajari cara berikut ini.

Pertama

Anda terlebih dahulu login pada blog Anda, kemudian pada menu blog Anda pilih Template lalu Edit HTML.

Kedua

Pada tampilan Edit HTML Anda cari kode </head> untuk mempermudah tekan Ctrl+F jika telah ketemu Anda copy kode berikut ini dibawah kode </head> tadinya.

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

Jika selesai tampilannya akan seperti pada gambar berikut ini.

Ketiga

Anda lagi mencari kode berikut ini, <data:post.body/> jika telah ketemu dan ternyata ada kodenya ada lebih dari satu maka Anda perlu mencobanya semua, biar aman.

Kemudian copy paste kode berikut ini dibawah 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>

Catatan : Artikel Terkait yang berwarna biru, Anda dapat mengubahnya sesuai yang Anda inginkan.

Seperti pada gambar berikut ini.

Ketika selesai Anda harus menyimpan template Anda dan lihat hasilnya, akan muncul tulisan artikel terkait dibawah postingan blog Anda.

Cukup mudahkan untuk membuat artikel terkait dibawah postingan walau harus berurusan dengan kode HTML, jika Anda mempelajarinya pasti Anda akan bisa membuatnya dengan sendiri.