Membuat Related Post memang memberikan banyak keuntungan. Dengan membuat menu related post itu akan memudahkan pembaca blog menemukan artikel kita yang lain, karena letak related post ini tepat berada dibawah posting sehingga mereka tertarik juga untuk membacanya. Initinya adalah pengunjung tidak langsung pergi setelah membaca satu posting, secara tidak langsung anda telah mempromosikan artikel anda.
Baiklah langsung saja ke cara membuat related post. Karena kita akan sedikit mengobrak abrik HTML, maka langkahnya adalah:
Silahkan loggin ke Blogger
Masuk menu Layout Edit HTML
Centang kotak Expand Widget Template
Kemudian cari kode ini <data:post.body/>
Letakkan script berikut ini di bawah kode <data:post.body/>
Klik Simpan, SelesaiKamu bisa mengganti tulisan 'Related Post' sesukanya, Contoh: Yang berhubungan, artikel terkait, baca juga yang ini dong dll.
Baiklah langsung saja ke cara membuat related post. Karena kita akan sedikit mengobrak abrik HTML, maka langkahnya adalah:
Silahkan loggin ke Blogger
Masuk menu Layout Edit HTML
Centang kotak Expand Widget Template
Kemudian cari kode ini <data:post.body/>
Letakkan script berikut ini di bawah kode <data:post.body/>
<b:if cond='data:blog.pageType == "item"'>
<div class='similiar'>
<div class='widget-content'>
<h3>Related Posts by Categories</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>
Klik Simpan, SelesaiKamu bisa mengganti tulisan 'Related Post' sesukanya, Contoh: Yang berhubungan, artikel terkait, baca juga yang ini dong dll.
Tidak ada komentar:
Posting Komentar