Powered by Blogger.

Cara Menampilkan Artikel Terkait Di Sidebar Blog

Kali ini saya akan membahas bagaimana membuat artikel terkait di sidebar blog. Artikel terkait itu biasanya di bagian bawah posting. Ini yang sering saya jumpai di beberapa web / blog. Tapi ada juga banyak yang menggunakan metode ini untuk menampilkan artikel terkait di sidebar blog.
Kalau sobat Berminat Silahkan Ikuti petunjuk pembuatan dibawah ini:

Cara Menampilkan Artikel Terkait Di Sidebar Blog


Berikut adalah langkah-langkah untuk membuatnya:

1. Login ke blogger sobat
2. Pilih Template
3. Edit HTML
4. Kemudian melihat kode berkut: </ head> (gunakan Ctrl + F pada keyboard Anda sob), setelah bertemu untuk tetap menaruh kode berikut CSS tepat di atas </ 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>

5. Kemudian Cari lagi kode berikut

<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>
</b:loop>
</b:if>

6. Jika kode diatas sudah ketemu silahkan hapus dan ganti dengan 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 != &quot;true&quot;'>,</b:if>
<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>

Perhatikan kode max-results = 10, nomor 10, itu adalah jumlah artikel terkait yang akan muncul di sidebar. Sobat bisa menggantinya sesuai keinginan.

7. Simpan template, dan lanjutkan ke langkah-langkah berikut

8. Selanjutnya, pergi ke Elemen Halaman> Tambah Gadget> HTML / JavaScript> lalu copy dan paste kode di bawah ini ke dalam konten HTML / JavaScript.

<script type="text/javascript">
removeRelatedDuplicates();
printRelatedLabels();
</script>


9. Simpan dan lihat hasilnya.

Ket: biasanya untuk artikel terkait di sidebar hanya muncul pada halaman berikutnya pos / tidak muncul di halaman depan, dan nanti akan saya update lagi postingan tentang menampilakan sidebar widget dihalaman selanjutnya..terima kasih
Comments
0 Comments
Facebook Comments by ABT

0 comments

Post a Comment

Silahkan Masukan Komentar Sobat..Dengan syarat jangan sampai ada unsur sara dan pornografi..Atas pengertian sobat saya ucapkan banyak Terima Kasih.