Cara Membuat Artikel Terkait pada Blog

Diposting oleh RahmaCantiiikz on Rabu, 26 Desember 2012

Kebanyakan blogger memasang artikel terkait di bawah posting agar pengunjung dapat melihat setelah membaca postingan. Fungsi dari artikel terkait adalah memberikan informasi kepada pengunjung tentang keterkaitan artikel yang dibaca dengan lainnya.

Misalnya Anda sedang membaca artikel tentang tutorial blog, maka yang akan muncul di artikel terkait adalah label tutorial blog. Jika Anda ingin memasangnya pada blog silahkan ikuti langkah-langkahnya berikut ini :

1. Login akun blogger Anda.
2. Pilih Template --> Edit HTML ---> centang Expand Template Widget.
3. Cari kode </head> kemudian letakkan kode dibawah ini diatas 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. Setelah itu cari kode <data:post.body/> kemudian letakkan kode dibawah ini dibawah kode <data:post.body/>
<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&amp;callback=related_results_labels&amp;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>
5. Simpan template.

Nah, pada bawah postingan Anda sudah terpasang artikel terkait, selamat mencoba.

{ 0 komentar... read them below or add one }

Posting Komentar