Membuat Related Post di Widget

Membuat Related Post di Widget | Related Post atau Artikel terkait ini sangat penting untuk di pasang di blog kita,dan mungkin kita sering melihat Related post atu artikel terkait ini terpasang di Bawah hasil postingan,tetapi sekarang kita mencoba memasang related post ini berada di widget blog kita,cara ini juga cara yang efektip yang pernah saya lakukan di blog saya yang lainnya,selain akan meringankan loading page blog kita,cara ini juga akan terlihat keren apabila di lihat oleh para pengunjung,dan bagaimana cara membuat related post ini berada di widget?

Cara Membuat Related post berada di Widget

untuk membuat related post berada di widget ini mempunyai langkah sebagaiberikut

• Masuk ke blogger anda
• Pilih Template nya
• Kemudian masuk ke Edit Html
• Kemudian cari kode </head> dan letakan kode berikut sebelum kode tersebut

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

• Langkah selanjutnya silahkan anda cari lagi 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:loop>
  </b:if>

• Setelah kode tersebut ketemu,silahkan anda ganti kode tersebut 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>

Pada kode yeng berwarna biru,adalah menunjukan jumlah artikel yang akan tampil,silahkan anda sesuaikan dengan jumlah keinginan anda

• Kemudian Save Template
• Lahkan selanjutnya silahkan anda masuk ke Layout atau tata letak,kemudian silahkan anda Pilih Tambah Gadget Lalu pilih lagi Javascrift/Html kemudian masukan kode berikut di kotak yang telah tersedia

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

• Kemudian OK dan lihat hasilnya

Itulah cara membuat Related post di Widget,semoga artikel ini bisa membantu anda,dan selamat mencoba semoga bermanfaat.

File download Mp3 Full Album kami compres menggunakan rar dan disimpan melalui hosting 4shared.com dan mediafire.com, file rar tidak menggunakan Password. How To Download