Jumat, 15 Juni 2012
Cara membuat artikel terkait atau related post di blog
Kali ini saya saya akan menulis mengenai tips blogger,cara membuat artikel terkait atau related post di blog.Artikel ini saya tujukan untuk berbagi info dan ilmu bagaimana membuat blog yang bagusSelain itu,saya membuat artikel ini agar saya tidak lupa dalam membuat artikel terkait atau related post di blog karena saya termasuk orang yang pelupa maka saya akan menuliskannya di blog ini.
Saya akan memberikan dulu screenshot dari yang saya maksud dengan artikel terkait,berikut gambarnya :
Seperti itulah yang dimaksud dengan artikel terkait atau related post.Untuk membuat artikel terkait seperti itu,silahkan masuk dulu ke Rancangan - Edit HTML - Expand template widget.Kemudian,gunaan CTRL+F untuk memudahkan pencarian,cari kode dibawah ini :
<data:post.body/></b:if>
atau bila tidak ada,cari kode ini :
<data:post.body/>
Bila telah ditemukan,copy dan paste kode ini dibawah kode tadi,yang <data:post.body/></b:if>.
<b:if cond='data:blog.pageType == "item"'>
<br/>
<br/>
<H2>Related Post:</H2>
<div class='rbbox'>
<div style='margin:0; padding:10px;height:200px;overflow:auto;border:1px solid #ccc;'>
<div id='albri'/>
<script type='text/javascript'>
var homeUrl3 = "<data:blog.homepageUrl/>";
var maxNumberOfPostsPerLabel = 4;
var maxNumberOfLabels = 10;
maxNumberOfPostsPerLabel = 9999;
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('albri').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>
<script type="text/javascript">RelPost();</script>
</div>
</b:if>
.rbbox{border: 1px solid rgb(192, 192, 192);padding: 5px;Lalu paste kode tersebut di atas kode ]]></b:skin>.Selesai dan jangan lupa save template,kemudian lihat dan cek,apakah artikel terkait/related post telah terpasang di blog anda.Selamat mencoba
background-color: #f0f0f0;-moz-border-radius:5px; margin:5px;}
.rbbox:hover{background-color: rgb(255, 255, 255);}
Jika anda mau berkomentar silahkan pada google acount jika ingin mendapat respond,, karena kami sulit memoderasi dalam komentar facebook,, jika ada link yang mati mohon beritahu kami, kami akan segera memperbaikinya
