Cara Membuat Artikel yang Berhubungan / Related Post
Rabu, 11 Agustus 2010
Assalamualaikum Wr Wb.Nah sahabat blogger dikesempatan kali ini Maswid akan memberikan sedikit informasi tentang Cara untuk membuat Artikel yang berhubungan/Related Post.Nah udah tau belum Related post itu apa??? Related post itu adalah artikel berhubungan yang biasanya diletakan dibawah postingan. kayak dibawah postinganku itu lo....
Langsung saja cara bikin nya gampang banget kok..
1. seperti biasa sebelumnya kita WAJIB login blogger.
2. Masuk Ke Tataletak -> Edit HTML
3. Centang kotak 'Expand Widgets Template'
4. Cari kode ini <data:post.body/>
5. Letakkan script berikut ini di bawah kode <data:post.body/> tadi.
<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>
6. Simpan. Selesai.
Baca Juga Artikel Yang ini yah..
- Cara menambahkan Emoticon Di atas Kotak komentar
- Membuat Blog Itu Mudah
- Cara Membuat Kotak Blogroll Marquee
- Cara Memasang Widget Translator
- Cara Untuk Membuat Artikel Terpopuler
- Cara Membuat Spoiler
- Cara Membuat Highlight Author Comment
- Cara membuat Daftar Isi
- Memasang Alexa Rank pada Blog
- Cara Membuat Readmore Manual
- Page Rank Itu Apa?
- Istilah-Istilah dalam Blogspot
- Cara Memberi Recent Comment
- Cara Membuat Blockquote
0 komentar: