Cara Membuat Artikel Terkait atau bisa disebut related post bisa dibawah atau diatas kolom komentar pada blogger. Berikut adalah contoh artikel terkait atau related post yang akan Fafa bahas kali ini.
Atau anda bisa lihat artikel terkait atau related post pada bagian bawah blog saya. btw Fafa langsung aja deh bagi tahu sahabat Blog Day_Fafa, ini langkah"nya n tolong dikuti dengan benar yach agar berhasil.
Cara Membuat Artikel Terkait yang seperti pada blog saya ini adalah sebagai berikut:
1. Login ke Blogger-> Klik Dashbor -> Klik Rancangan -> Klik Edit HTML.
2. Centang pada kotak Expand Template Widget.
3. Lalu cari kode berikut ini <data:post.body/> biar lebih mudah Sahabat Day_Fafa mencari kode tersebut tekan tombol F3 or Ctrl + F pada keybord.
4. Jika kode <data:post.body/> sudah ketemu silahkan Sahabat Day_Fafa copy paste (Copas) Kode Script brikut ini dibawah Kode <data:post.body/>
<b:if cond='data:blog.pageType == "item"'>
<div class='similiar'>
<div class='widget-content'>
<h3>Artikel Terkait</h3>
<div id='data2007'/><br/><br/>
<script type='text/javascript'>
var homeUrl3 = "<data:blog.homepageUrl/>";
var maxNumberOfPostsPerLabel = 7;
var maxNumberOfLabels = 7;
maxNumberOfPostsPerLabel = 12;
maxNumberOfLabels = 4;
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>
5. Jika Sahabat Day_Fafa sudah copas Kode Script tadi dibawah kode <data:post.body/> silahkan Sahabat Day_Fafa klik tombol Pratinjau terlebih dahulu sebelum klik tombol Simpan Template, jika sudah berhasil barulah Sahabat Day_Fafa klik tombol Simpan Template.
Good Luck. Jangan lupa commentnya yach dan sering mampir yach di Day_Fafa Blog.
0 komentar:
Posting Komentar