Cara Membuat Artikel Terkait Di Sidebar

Cara Membuat Artikel Terkait Di Sidebar. Pada umunya para blogger membuat artikel terkait dibawah postingan. Kali ini saya ingin menyajikan cara membuat artikel terkait di sidebar.Cara ini akan membuat jarak antara postingan dengan komentar tidak akan terlalu jauh jadinya. Dengan adanya Artikel Terkait akan membantu pengunjung mencari Artikel atau postingan lain yang dibutuhkan. Sehingga pengunjung akan berbetah ria di blog kita. Sobat penasaran cara membuatnya ? Yuk kita simak cara berikut ini :
Cara Membuat Artikel Terkait di Sidebar

• Login blog Sobat
• Klik Desain
• Klik Template
• Klik edit HTML  jangan lupa centang "Expand Template Widget"
• Taruh code dibawah ini tepat dibawah kode ]]></b:skin>

 <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 code yang mirip seperti  dibawah ini 

<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 != "true"'>,</b:if>

</b:loop>

</b:if>

• Kemudian ganti code tersebut dengan code dibawah ini :

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

Perhatikan : Code yang berwarna merah menyatakan banyak artikel terkait yang akan ditampilkan.

• Klik simpan

• Selanjutnya  buka menu Tata Letak , Add gadget pilih HTML/JavaScript  lalu masukkan kode dibawah ini.

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

Tentang saya

Saya Muzzamil Hidayat Terlahir dari Rahim Ibu saya yang bernama Suratmi. saya lahir di Kota Klaten pada tanggal 28 Desember dan saya mempunyai saudara perempuan yang bernama Rizki Nurul Khasanah. saya mempunyai cita-cita ingin menjadi desain grafis yang handal.dan apakah anda tau mengapa saya memilih itu sebagai cita-cita?jawabanya karena saya suka dengan pekerjaan seperti itu..hehehe…simpel tapi menghasilkan banyak keuntungan.itulah sedikit tentang saya. Maaf jika ada Kesalahan Dalam Menulis Artikel Mohon Di Maklumi.
Follow aku di Twitter, Facebook