Cara Membuat Artikel Terkait Pada Sidebar
By Unknown - Thursday, September 13, 2012
Cara Membuat Artikel Terkait Pada Sidebar :
1. Loging pada blog anda
2. Rancangan >> Edit HTML (centang "Expand Template Widget")
3. Masukan kode 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>
4. Kemudian cari kode yang mirip seperti dibawah ini :
<b:if cond='data:post.labels'>5. Terus ganti kode tersebut menjadi seperti ini :
<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>
<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:if cond='data:blog.pageType == "item"'>
<script expr:src='"/feeds/posts/default/-/" + data:label.name + "?alt=json-in-script&callback=related_results_labels&max-results=15"' type='text/javascript'/>
</b:if>
</b:loop>
</b:if>
NB : kode yang berwarna merah menyatakan banyak artikel terkait yang akan ditampilkan.
6. Simpan atau Save.
7. Selanjutnya buka menu tata letak >> tambah gadget (HTML/JavaScript) lalu masukkan kode dibawah ini.
<script type="text/javascript">8. Beri judul dan simpan.
removeRelatedDuplicates();
printRelatedLabels();
</script>
* Karena artikel terkait ini masih muncul di postingan dan homepage, jadi kita akan mensettingnya agar muncul hanya pada postingan saja.
Caranya :
1. Buka menu edit HTML (centang "Expand Template Widget")
2. Cari kode yang seperti ini :
1. Buka menu edit HTML (centang "Expand Template Widget")
2. Cari kode yang seperti ini :
<b:widget id='HTML10' locked='false' title='Artikel Terkait Sidebar' type='HTML'>Keterangan : kode yang berwarna biru adalah judul widget artikel terkait tadi yang sobat buat. Kode HTML10 abaikan saja, karena tergantung pada banyak widget kita, kode yang berwarna merah adalah kode yang harus sobat sisipkan.
<b:includable id='main'>
<b:if cond='data:blog.pageType == "item"'><!-- only display title if it's non-empty -->
<b:if cond='data:title != ""'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>
<b:include name='quickedit'/>
</b:if></b:includable>
</b:widget>
Follow our blog on Twitter, become a fan on Facebook. Stay updated via RSS
0 komentar for "Cara Membuat Artikel Terkait Pada Sidebar"