Cara Membuat Artikel Terkait

Bookmark and Share
Najibblog, Setelah Najibblog2010 membuat Artikel terkait diblog saya sendiri, sekarang saya akan membagikan ilmunya kepada anda semua, Cara ini mungkin bisa berhasil atau tidak karena mungkin struktur HTML template yang berbeda atau mungkin sebab yang lainnya. Tapi jangan khawatir dahulu, silahkan mencobanya terlebih dahulu, kita tidak akan pernah tau kalau belum mencobanya bukan? Nah sekarang langsung aja saya bahas, ikuti langkah-langkah berikut:


1. Login diblogger
2. Selanjutnya Klik Tata Letak/Layout kemudian Klik Edit HTML, centang Expand Template Widget agar anda bias mengetahui semua isi(kerangka) template anda.
3. Cari code ini ]]></b:skin> kalau bingung gunakan tompbol cepat pada keyboard tekan Ctrl+f kalau udah ketemu masukkan script dibawah ini, di bawah code ]]> ini codenya :

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

4. Kemudian cari bagian ini, dan tambahkan seperti kode yang di beri warna

<span class='post-labels'>
<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 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>
</span>

5. Sekarang cari kode baris post-footer berikut ini.

<div class='post-footer-line post-footer-line-3'> kalau g ada cari code ini <div class='post-footer-line post-footer-line-3'

kemudian masukan di bawahnya script ini.

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div class='related-posts'>
<h4>Posts Terkait:</h4>
<script type='text/javascript'>
removeRelatedDuplicates();
printRelatedLabels();
</script>
</div>
</b:if>

6. Selesai...Save Save Template

Selamat mencoba! Semoga anda berhasil dan sukses... silahkan mengisi komentar anda..Komentar anda sangat membantu kemajuan blog ini..hehe..

...............................

{ 0 komentar... Views All / Send Comment! }

Posting Komentar

Powered By Blogger