Membuat Artikel yang Berhubungan

Mungkin sobat pernah mendengar tentang istilah related article atau related post dalam dunia blogging. Related article adalah artikel yang saling berhubungan yaitu berupa link yang menghubungkan sejumlah artikel yang sama seusai dengan label artikel yang sobat baca. Sobat dapat menggunakan related post untuk mengisi kekosongan atau ruangan pada posting sehingga terlihat menarik. Related artikel ini juga berfungsi untuk menjaga trafik penggujung pada blog sobat. Tertarik untuk membuatnya, untuk itu ikuti langkah berikut:

1. Login pada blogger.
2. Pilih Rancangan dan pilih Edit HTML
3. Beri tanda centang pada Expand Widget Template
4. Kopi scipt berikut ini lalu paste diatas kode </head>

<!-- Related Post blogtrikdantips.blogspot -->
<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>

5. Selanjutnya letakkan kode dibawah ini setelah kode <data:post.body/>

b:if cond='data:post.labels'>
<b:loop values='data:post.labels' var='label'>
<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>
</b:if>

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<h4>Artikel Terkait</h4>
<script type='text/javascript'>
removeRelatedDuplicates();
printRelatedLabels();
</script>
<script src='http://blogtrikdantips-blogspot.googlecode.com/files/linkblog.js' type='text/javascript'/>
</b:if>

6. Yang terakhir yaitu simpan template sobat dan lihat hasilnya.

Sebagai tambahan jika sobat ingin mengganti judul related post sobat tinggal mengedit kode yang berwarna merah, sedangkan untuk mengatur jumlah posting gantilah kode yang berwarna biru. Selamat mencoba!!!