Cara mudah membuat related post/artikel terkait
Related post / artikel terkait sebenarnya sudah tersedia pada setiap template blogspot. Tapi mungkin kebanyakan dari blogger lebih menyukai related post buatan sendiri daripada hasil bawaan template. Selain itu para pengunjung akan tahu arsip-arsip yang berkaitan dengan halaman yang sedang mereka baca, darisitu mereka akan penasaran dan membuka halaman yang ingin mereka ketahui. Dari segi jumlah page view secara otomatis pemasangan widget tentu menguntungkan bukan. Baik, langsung kita ke TKP Cara mudah membuat related post/artikel terkait.
1. Login ke blog kamu >> rancangan >> edit html >> lanjutkan >> centang expand template
2. Cari kode ini ]]></b:skin> Lalu kode di bawah ini taruhlah di atasnya
3. Lalu kamu coba cari kode ini <div class=’post-footer-line post-footer-line-1′>
atau ini jika tidak menemukan yang tadi <p class=’post-footer-line post-footer-line-1′>
setelah ketemu taruh kode di bawah ini di atas kode tersebut.
4. Terakhir klik save lalu lihat hasilnya, semoga berhasil.
1. Login ke blog kamu >> rancangan >> edit html >> lanjutkan >> centang expand template
2. Cari kode ini ]]></b:skin> Lalu kode di bawah ini taruhlah di atasnya
/* Related Post */ .related_posts{margin-top:5px;padding:0 10px;border:1px solid #B7E8FF;background:#E0F5FF;} .related_posts h4{color:#111;font:normal 19px/19px Arial, sans-serif;letter-spacing:-0.5px;padding:7px 0;border-bottom:solid 1px #fafafa;} .related_posts a{color:#000;} .related_posts ul{padding:0;} .related_posts ul li{list-style:none;padding:4px 5px 4px 17px;border-bottom:1px solid #f9f9f9;line-height:18px;background:url(http://4.bp.blogspot.com/-q-HyNrgjvAE/TzQx3btIV4I/AAAAAAAABbU/PXVhFzfCOwg/s400/star.gif) no-repeat 0 7px;}
3. Lalu kamu coba cari kode ini <div class=’post-footer-line post-footer-line-1′>
atau ini jika tidak menemukan yang tadi <p class=’post-footer-line post-footer-line-1′>
setelah ketemu taruh kode di bawah ini di atas kode tersebut.
<b:if cond='data:blog.pageType == "item"'>
<div class='related_posts'>
<div class='widget-content'>
<h4>Related Post:</h4>
<div id='data2007'/><br/><br/>
<script type='text/javascript'>
var homeUrl3 = "<data:blog.homepageUrl/>";
var maxNumberOfPostsPerLabel = 10;
var maxNumberOfLabels = 2;
maxNumberOfPostsPerLabel = 10;
maxNumberOfLabels = 2;
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>
4. Terakhir klik save lalu lihat hasilnya, semoga berhasil.
