Info Blogger: Cara membuat artikel terkait otomatis di blog

Share on :

Adanya tambahan artikel terkait di dalam suatu blog tentunya akan memudahkan pengunjung untuk membaca artikel yang saling berhubungan satu dengan yang lainnya. Dengan fitur ini blog akan lebih terlihat profesional

Baik tanpa berpanjang lebar lagi, saya akan mencoba menjelaskan cara membuat postingan atau artikel terkait secara otomatis berdasarkan label yang dibuat. Silahkan ikuti langkah-langkah berikut :

Login ke Blogger.com
Pilih Template > Edit HTML > centang expand template widget
Cari kode <data:post.body/> dengan cara menekan tombol F3 pada keyboard.
Copy paste kan kode script di bawah ini tepat dibawah <data:post.body/>

<b:if cond='data:blog.pageType == "item"'>

<br/>

<h4>
Artikel Terkait:</h4>
<div id='data2007'/>
<br/><br/>

var homeUrl3 = "<data:blog.homepageUrl/>";

var maxNumberOfPostsPerLabel = 4;

var maxNumberOfLabels = 10;

maxNumberOfPostsPerLabel = 100;

maxNumberOfLabels = 3;

function listEntries10(json) {

var ul = document.createElement('ul');

var maxPosts = (json.feed.entry.length <= maxNumberOfPostsPerLabel) ?

json.feed.entry.length : maxNumberOfPostsPerLabel;

for (var i = 0; i < maxPosts; i++) {

var entry = json.feed.entry[i];

var alturl;

for (var k = 0; k < entry.link.length; k++) {

if (entry.link[k].rel == 'alternate') {

alturl = entry.link[k].href;

break;

}

var li = document.createElement('li');

var a = document.createElement('a');

a.href = alturl;

if(a.href!=location.href) {

var txt = document.createTextNode(entry.title.$t);

a.appendChild(txt);

li.appendChild(a);

ul.appendChild(li);

}

for (var l = 0; l < json.feed.link.length; l++) {

if (json.feed.link[l].rel == 'alternate') {

var raw = json.feed.link[l].href;

var label = raw.substr(homeUrl3.length+13);

var k;

for (k=0; k<20; k++) label = label.replace("%20", " ");

var txt = document.createTextNode(label);

var h = document.createElement('b');

h.appendChild(txt);

var div1 = document.createElement('div');

div1.appendChild(h);

div1.appendChild(ul);

document.getElementById('data2007').appendChild(div1);

}

function search10(query, label) {

var script = document.createElement('script');

script.setAttribute('src', query + 'feeds/posts/default/-/'

+ label +

'?alt=json-in-script&callback=listEntries10');

script.setAttribute('type', 'text/javascript');

document.documentElement.firstChild.appendChild(script);

}

var labelArray = new Array();

var numLabel = 0;

<b:loop values='data:posts' var='post'>

<b:loop values='data:post.labels' var='label'>

textLabel = "<data:label.name/>";

var test = 0;

for (var i = 0; i < labelArray.length; i++)

if (labelArray[i] == textLabel) test = 1;

if (test == 0) {

labelArray.push(textLabel);

var maxLabels = (labelArray.length <= maxNumberOfLabels) ?

labelArray.length : maxNumberOfLabels;

if (numLabel < maxLabels) {

search10(homeUrl3, textLabel);

numLabel++;

}

</b:loop>

</script>

</div>
</div>
</b:if>

Jika langkah-langkah di atas sudah dilakukan, kemudian simpan hasil kerja anda, dan lihat hasilnya.

Selamat bereksperimen ya... semoga berhasil...

Info Blogger

Menu

Saturday, January 12, 2013

Cara membuat artikel terkait otomatis di blog

Artikel Terkait:

1 comment: