Setelah berkeliling mencari cara membuat Artikel terkait dengan ketentuan dan persyaratan yang ditetapkan oleh UUD '45 (lho kok?) sbb:
- tanpa ada gambar mini seperti punyanya link within
- bukan Related by Categories (karena ntar kalau pake ini ada kategori/labels dibawah Artikel terkait)
- indah dipandang mata
- gampang dipasang
- dan seterusnya
Akhirnya bertemu juga dengan salah satu blog milik "mr. xxx" nanti saya cantumkan dibawah ya! Soalnya yang punya blog pemalu! hehehe...
Okelah, begini cara pemasangannya, dan ini sudah dicoba di blog ini terlebih dahulu, baru saya publikasikan!!!!
Log ini ke akun blogger Anda.
Pilih menu Tata Letak (Layout) » Edit HTML.
Beri tanda centang pada tulisan Expand Widget Templates.
Copy-paste script berikut di atas 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>
Cari kode <data:post.body/>, kemudian copy-paste kode berikut di bawahnya.
<b:if cond='data:post.labels'>
<b:loop values='data:post.labels' var='label'>
<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=5"' type='text/javascript'/>
</b:if>
</b:loop>
</b:if>
<b:if cond='data:blog.pageType == "item"'>
<h4>Artikel Terkait</h4>
<script type="text/javascript">
removeRelatedDuplicates();
printRelatedLabels();
</script>
</b:if>
Simpan tempek! Eh, template...
Silahkan dicoba tutorial membuat atau memasang related post ini. Semoga berhasil!
Apabila ada yang kurang pas, pada tampilan dan proses pemasangannya, jangan tanyakan ke saya, silahkan tanyakan ke sumber tempat saya ambil ini barang!!!
Klik Tautan berikut:
http://www.tutorialblogging.co.cc/2010/01/membuat-related-post-artikel-terkait.html#comment-form
- tanpa ada gambar mini seperti punyanya link within
- bukan Related by Categories (karena ntar kalau pake ini ada kategori/labels dibawah Artikel terkait)
- indah dipandang mata
- gampang dipasang
- dan seterusnya
Akhirnya bertemu juga dengan salah satu blog milik "mr. xxx" nanti saya cantumkan dibawah ya! Soalnya yang punya blog pemalu! hehehe...
Okelah, begini cara pemasangannya, dan ini sudah dicoba di blog ini terlebih dahulu, baru saya publikasikan!!!!
Log ini ke akun blogger Anda.
Pilih menu Tata Letak (Layout) » Edit HTML.
Beri tanda centang pada tulisan Expand Widget Templates.
Copy-paste script berikut di atas 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>
Cari kode <data:post.body/>, kemudian copy-paste kode berikut di bawahnya.
<b:if cond='data:post.labels'>
<b:loop values='data:post.labels' var='label'>
<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=5"' type='text/javascript'/>
</b:if>
</b:loop>
</b:if>
<b:if cond='data:blog.pageType == "item"'>
<h4>Artikel Terkait</h4>
<script type="text/javascript">
removeRelatedDuplicates();
printRelatedLabels();
</script>
</b:if>
Simpan tempek! Eh, template...
Silahkan dicoba tutorial membuat atau memasang related post ini. Semoga berhasil!
Apabila ada yang kurang pas, pada tampilan dan proses pemasangannya, jangan tanyakan ke saya, silahkan tanyakan ke sumber tempat saya ambil ini barang!!!
Klik Tautan berikut:
http://www.tutorialblogging.co.cc/2010/01/membuat-related-post-artikel-terkait.html#comment-form
