Posting berkaitan atau link bekaitan atau artikel pada kategori sama atau artikel bertautan atau postingan terkait atau-atau, merupakan bagian judul posting terkait dan biasanya ditampilkan berdasarkan penamaan label atau kategori, Posting berkaitan ini biasanya berupa link yang tampilkan dibawah postingan tepatnya di bawah kolom komentar. Dengan posting berkaitan ini akan mempermudah pengunjung blog untuk mencari artikel terkait tanpa harus menuju dan membuka satu persatu halaman dalam link label. Salah satu cara membuat Posting berkaitan diantaranya sebagai berikut :
1. Buka blogger.com dan Login
2. Masuk ke Layout –>Edit HTML
3. Cari kode <head>..</head> atau cari saja kode </head> dengan bantuan Ctrl+F, Copy paste kode javascript dibawah ini dan letakkan kode </head>
<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. Cari 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>
5. Jika sudah ketemu sisipkan kode dibawah ini diatas kode </b:loop> diatas.
<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>
6. Kode lengkapnya menjadi 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: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>
7. Masuk layout—>Page Elements—>add Widget Copy-paste kode dibawah ini dan beri judul sesuka anda misalnya, "Artikel yang berkaitan" -> kemudian Save.
<script type="text/javascript">
removeRelatedDuplicates();
printRelatedLabels();
</script>
8. Untuk menampilkan posting berkaitan ini hanya di halaman tunggal saja dan bukan pada halaman utama maka kita perlu menambahkan kode seperti dibawah ini :
<b:if cond='data:blog.pageType == "item"'>
</b:if>
caranya sebagai berikut :
- Masuk Edit HTML ->
- Centang pada Expand Widget Template ->
- Cari kode dibawah ini, Jika sudah ditemukan masukan kode diatas seperti terlihat lengkap dibawah ini.
<b:widget id='HTML9' locked='false' title='Artikel yang berkaitan' type='HTML'>
<b:includable id='main'>
<b:if cond='data:blog.pageType == "item"'>
<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>
0 comments:
Post a Comment