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 != "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=10"' type='text/javascript'/>
</b:if>
</b:loop>
</b:if>
Perhatikan : Code yang berwarna merah menyatakan banyak artikel terkait yang akan ditampilkan.
- Selanjutnya buka menu Tata Letak , Add gadget pilih HTML/JavaScript lalu masukkan kode dibawah ini.
<script type="text/javascript">
removeRelatedDuplicates();
printRelatedLabels();
</script>
Efek Gambar Menjadi Bulat Saat Kena Cursor
