Cara Membuat Artikel Terkait Berdasarkan Labelnya - Nah, kali ini Blog Akan share kembali tentang Tips Blogging. Apa yang saya share, yaitu Cara Membuat related post pada Postingan Blog. seperti biasa nyari artikel blog tetngga, yang penting aku ikut sharing.
Sebetulnya related post pada Postingan ini hanya akan membantu visitor menavigasi blog anda dengan Mudah. Ini bukanlah optimasi SEO ataupun Penambahan Widget.
Check this Out Pic berikut:
Cara Membuat related post pada Postingan Blog|Tips Blogging
Pertama tama, Login blog anda, lalu pilih Template.
Pilih Tab EDIT HTML, jangan lupa Backup Template dulu
Masukkan Kode berikut ke dalam Edit HTML anda Tepat di bawah Kode <data:post.body/>
================================================================
<b:if cond='data:blog.pageType == "item"'>===================================================================
<div class='similiar'>
<div class='widget-content'>
<h3>Related Post</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>
Jika blog anda sudah ada Auto Readmore bawaan dari template Blog, maka kode <data:post.body/> terdapat 2 kode. Pilih yang ke 2.
Setelah Di dapat kode nya, pastekan tepat di bawah kode <data:post.body/> Tersebut. Save template dan lihat ke salah satu postingan blog kamu.
Gambar akan menjadi seperti Ini:
Jika ada pertanyaan lebih lanjut, Error Dsb. Tulis di kotak komentar !
Semoga Tips Ini membantu anda mempercantik Blog dan membudahkan visitor menavigasi Blog anda...
