Cara membuat Related Post pada Blog atau yang sering disebut artikel berhubungan...bagaimana caranya ya...mungkin sebagian ada yang udah ngerti caranya membuat related post..tapi mungkin sebagian ada yang belum ngerti ya...neh dulu juga dapet dari searching google...hmm tapi neh ntar ada yang nemuin tutorial blog punya Saya ga ya..hehe
hmm,yuk kita bahas fungsi related artikel pada blog...heheh...funsinya cukup penting loh sobat..misal ntar ada pengunjung yang masuk ke blog kita,,,ntar kan jadi bisa klik artikel lain dari blog kita...hehe
hasilnya mirip postingan pada blog Saya..
Cara Membuat Related Post pada Blog :
1. Masuk Design
2. Pilih Edit Html
3. Sebelum menuju ke langkah selanjutnya sebaiknya download full template dulu untuk menanggulangi ada file yang eror
4. Kemudian Centang Expand Widget Templates
5. Tekan Ctrl + F pada keyboard untuk mengaktifkan fungsi pencarian
6. kemudian Cari kode ini <p><data:post.body/></p> atau kode ini <data:post.body/>
7. Setelah ketemu kode tersebut Copy kode script html di bawah kode yang sudah ketemu tadi
8. Kode yang harus di copy
<b:if cond='data:blog.pageType == "item"'>
<div class='similiar'>
<!-- *****************http://www.tulisannopal.co.cc*****Jan,2007****************** -->
<!-- *****************Related Articles by Labels - Take Two****************** -->
<!--
Modified by Nopal's Blog to make it easier to use.
1. Now, users don't need to change anything to use this widget. just copy and paste, and done!
2. The current article will also be listed, now it's no more.
-->
<div class='widget-content'>
<h3>Related post</h3>
<div id='data2007'/><br/><br/>
<div id='hoctro'>
</div>
<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>
Penting !! Copy Script Html tersebut di bawah kode ini <p><data:post.body/></p> atau <data:post.body/>
Seoga bermanfaat Buat para blogger...jangan lupa tinggalkan komentar ya..:D
0 komentar:
Posting Komentar