Cara Membuat Related Post

Related Post - Fitur ini sangat amat memudahkan bagi para pengunjung di suatu web atau blog. karena para pengunjung bisa langsung melihat artikel terbaru di web atau blog yang mereka kunjungi. selain itu fitur ini juga bisa kita buat se menarik mungkin tergantung dari kreatifitas para blogger masing - masing. Untuk pembuatanya juga termasuk mudah, karena tinggal copy script yang telah di sediakan, yang di butuhkan adalah ketelitian dan kesabaran agar hasil bisa maksimal dan memuaskan. bagaimanakah alur pembuatanya? mari kita praktek bersama-sama :

Prosedur Pembuatan Related Post :

1. Masuk Blogger

2. Pilih Rancangan/Tata Letak

3. Pilih Edit HTML Jangan Lupa Memberi Centang Pada "Expand Template Widget"

4. Cari Code <data:post.body/> untuk memudahkan pencarian tekan CTRL + F

5. Letakan Script dibawah ini, di bawah code <data:post.body/>

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

<div class='similiar'>

<div class='widget-content'>

<h3>Related Article</h3>

<div id='data2007'/><br/><br/>

<script type='text/javascript'>

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>

</b:loop>

</script>

</div>

</div>

</b:if>

6. Setelah anda letakan script tersebut, jangan lupa untuk Pratinjau/Preview

7. S A V E

Untuk Tulisan yang berwarna Merah, Silahkan anda ganti sesuai keinginan anda, mudah bukan? jika anda masih bingung silahkan anda tanya, jangan takut untuk bertanya karena kita semua masih sama sama belajar. Semoga tutorial ini bisa membantu anda dan bisa anda pahami dengan mudah.

Terus semangat dan jangan takut salah.. Salam Blogger !