Menambahkan Related Post Atau Postingan Terkait Di Blogspot

Cara Menambahkan Related Post Atau Postingan Terkait Di Blogspot, Yang Biasanya Terletak di Bawah Sebuah Postingan, Menurut Saya Releated Post Ini Sangat Bermanfaat,Untuk Para Pembaca, Maka Dari Itu Langsung Saja Ke TKP

1. Masuk Dulu Ke Akun Blogger Anda
2. Jika Anda Sudah Berada Di Dashboard Klik Desaign -> Edit HTML
3. Centang Expand Widget Template

4. Lalu Cari KodeDibawah ini(Ctrl + F)

<data:post.body/>

5. Copy Kode Di Bawah Ini Tepat Di Bawah KodeYang Diatas

<b:if cond='data:blog.pageType == "item"'>
<b>Related Post</b>
<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 = 20;
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>

6. Setelah Itu Cari Kode Dibawah Ini (Ctrl + F)

]]></b:skin>

7. Lalu Copy Kode Di Bawah Ini Di Atas Kode Yang Tadi

rgb(255, 255, 255)

.rbbox{border: 1px solid rgb(192, 192, 192);padding: 5px;
background-color: #f0f0f0;-moz-border-radius:5px; margin:5px;}
.rbbox:hover{background-color: black ;}

8. Klik Save Template, Lalu Lihat Hasilnya

Bila Kurang Jelas, silakan bertanya dibawah ini .

Post Info :
Judul = Menambahkan Related Post Atau Postingan Terkait Di Blogspot

Url = http://wwdq.blogspot.com/2011/03/menambahkan-related-post-atau-postingan.html

Author = Riloaw. At : 17.32 Rabu, 23 Maret 2011 | Comment:2

Artikel Terkait

blog