Membuat Related Post (Widget)

By:
Related posts widget


Related posts adalah artikel yang berkaitan dengan artikel yang sekarang anda baca, Untuk membuat related posts diwidget theme blogspot perlu menambahkan javascript untuk memanggil data berdasarkan label blogspot.
expand true..Clik Zoom



Mari kita coba dari step pertama dan terakhir, catatan theme kamu harus di expand terlebih dahulu ( beri ceklist Expand Template Widget)







Step 1 (Klik Zoom Picture)

Langkah 1 cari kode skin letakan javascript tepat dibawahnya. (Lihat gambar)





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





Step 2 (Klik Zoom Picture)

Langkah 2 : cari kode dibawah (dengan menekan CTR + F pada keybord anda atau langsung dengan F3). (Lihat gambar)






" copy kode 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>



Step 3 (Klik Zoom Picture)
Langkah 3 : Replace atau ganti code label diatas dengan code dibawah ini (Lihat gambar).







<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=15&quot;' type='text/javascript'/>
</b:if>
</b:loop>
</b:if>



Step 4 (Klik Zoom Picture)
Langkah 4 : Buat widget atau element halaman yang ada dirancangan theme anda, pilih widget HTML javascript. (Lihat gambar)












Step 5 (Klik Zoom Picture)

Langkah 5 : Masukan code dibawah ini di widget HTML yang anda. (Lihat gambar)










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


[edit]

Pasang INTERNET FASNET PLUS TV KABEL FIRSTMEDIA
Pasang FIRSTMEDIA internet speed hingga 100mbps + CHannel TV HD hingga 50HD hub 087777313417 only SMS