Cara lain membuat Artikel Terkait Plus

Seperti Postingan saya sebelumnya yaitu Cara Membuat Artikel Plus, karena pengkodean Template berbeda-beda maka tidak menutup kemungkinan menimbulkan masalah, :@ 

Untuk itu sekarang saya mencoba berbagi lagi dengan kawan Cara lain Membuat Artikel Terkait Plus, karena cara ini sudah saya coba dan pakai pada Blog-blog saya yang lain selalu berhasil dengan sukses. :r 

Cuma yang perlu kawan perhatikan Lebar Pos-Artikel Blog kawan  Caranya :

• Masuk Account Blogger dengan ID kawan
• Pada Perancang template pilih Edit HTML
• Beri tanda check disamping Expand Template Widget
• Copas Kode berikut diatas ]]></b:skin>

.creationpost{
padding:10px;

background-color: none repeat scroll 0 0;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#CEE3F6', endColorstr='#0B3861');background:-moz-radial-gradient(top, #CEE3F6, #0B3861);background:-webkit-gradient(linear, left top, left bottom, from(#CEE3F6), to( #0B3861)) repeat-x  top left;

border:0px solid #FFF;
line-height:1.6em;
}

• Copas Kode berikut dibawah ]]></b:skin> atau diatas </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 < 10) {
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>

• Selanjutnya cari Kode seperti berikut

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

• Kalau sudah ketemu Hapus atau Ganti dengan Kode berikut 

<b:if cond='data:post.labels'><data:postLabelsLabel/>
<b:loop values='data:post.labels' var='label'>
<a expr:href='data:label.url' rel='tag'><data:label.name/></a><b:if cond='data:label.isLast != &quot;true&quot;'>,</b:if>
<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=10&quot;' 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>

• Hapus / Ganti Kode yang saya beri warna Hijau dengan Kode berikut

 <div class='creationpost'>
<table> <tr><td>
<h4 style='color: rgb(38, 38, 217); font-size:14px; font-weight:normal;'>  Artikel lain yang mungkin ingin kawan baca :</h4><br/>
<div style='overflow:hidden;width:300px;height:auto;padding:10px 10px 0 20px; align:justice; border:0px solid #FFF;'>
       
<script type='text/javascript'>
removeRelatedDuplicates();
printRelatedLabels();
</script>
</div>
</td><td>

<div style='width:145px;height:235px;border:1px solid #ddd;background:#7ca9c0;margin:2px 0;padding:5px'><a href="http://farixsantips.blogspot.com/" id="rainbow">

<center><h2 style='font-size:24px; font-weight:normal;'>ADVERTISE <br/> HERE </h2><h2 style='color: rgb(255, 255, 0); font-size:18px; font-weight:normal;'> BANNER <br/> [145x235] </h2></center></a>

<script type="text/javascript">var rainbow=document.getElementById("rainbow");var rainbowspan=new RainbowSpan(rainbow, 0, 360, 255, 50, 18);rainbowspan.timer=window.setInterval("rainbowspan.moveRainbow()", rainbowspan.speed);</script></div>

</div>
</td></tr></table>        
</div>

Teks yang saya beri warna coklat adalah lebar post Artikel, silahkan disesuaikan dengan Blog kawan dan Ganti Teks yang saya beri warna Kuning dengan Banner Iklan atau apa saja, terserah kawan.
Jangan lupa simpan template kawan