Rabu, 07 November 2012
Cara membuat related post pada blog, sebenarnya artikel ini telah banyak
dibuat oleh para blogger senior yang lebih berpengalaman.Adapun fungsi
dari memasang related post sendiri adalah agar memudahkan
pengunjung untuk dapat melihat artikel lain yang terkait dengan artikel
yang sedang dibaca. Pada postingan, related post akan nampak seperti ini
;
Adapun langkah langkah yang harus kita lakukan untuk membuat related post di bawah postingan blog adalah sebagai berikut ;
1. Login ke BLOG - DASBOR - LAYOUT - EDIT HTML
2. Akan lebih bijaksana kalau sebelumnya kita back up data template kita, untuk menghindari kesalahan dalam pengeditan.
3. Centangi Expand Widget Template
4. Cari kode <data:post.body/>
jika kesulitan mencarinya, tekan Ctrl + F, kemudian masukkan kode di atas pada kolom pencarian yang ada, kode akan terlihat dengan background berwarna hijau
5. Masukkan script kode di bawah ini, tepat dibawah kode yang kita cari tadi ( <data:post.body/> )
<b:if cond='data:blog.pageType == "item"'>
<div class='similiar'>
<div class='widget-content'>
<h3>Ada Artikel Seru Lho</h3> <div
id='data2007'/>
<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>
Bagi yang telah menggunakan Readmore otomatis, tempatkan script kode related post bawah kode <data:post.body/> </b:if>
Bagi yang telah memasang iklan di bawah setiap postingan, maka penempatan script kode related post harus dibawah kode iklan yang telah terpasang sebelumnya.
Semoga artikel ini dapat bermanfaat bagi kita, salam hangat.
Nb : Tanda Ada Artikel Seru Lho Silahkan Ganti Sesuka Hati x-an
