Cara Membuat Related Post

Ada Yang Request Si Ｆ'ｉｋｒｉＤｈｉ'ｙａＵ'ｌｈａｑ Cara Membuat Related Post/Artikel Terkait Seperti Blogku.Contoh Nya Bisah Liat Di Bawah Backlink Atau Gambar Di Atas.Langsudang Aja Dengan Mudah Tutornya. Cekidoit ...

Login ke blogger dengan id anda
Klik Rancangan
Pada tab menu, pilih Edit HTML
Centang kotak kecil Expand Template Widget
Cari kode <p><data:post.body/></p> atau <data:post.body/> Untuk Lebih Muda tekan CTRL + F
Letakkan kode berikut di bawah kode tadi :

<b:if cond='data:blog.pageType == "item"'>
<H2>Related Post:</H2>
<div class='DHOrelatedpost'>
<div style='margin:0; padding:10px;height:200px;overflow:auto;border:1px solid #ccc;'>
<div id='DHOrelpost'/>
<script type='text/javascript'>
var homeUrl3 = "<data:blog.homepageUrl/>";
var maxNumberOfPostsPerLabel = 4;
var maxNumberOfLabels = 10;
maxNumberOfPostsPerLabel = 50;
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('DHOrelpost').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>
<small><p>Create Your Own! [ <a href='http://edho-xp.blogspot.com' target='new'>EDHO-XP</a> ]</p></small>
</div>
<script type='text/javascript'>RelPost();</script>
</div>
</b:if>

Kode Yang Warna Merah Related Post Diganti Sesuai Kesukaan Mu Misal Artikel Menarik Lainnya

Jika sudah, sekarang cari kode ]]></b:skin>
Letakkan kode berikut di atas kode tadi :

/*-- Related Post/Artikel Terkait By http://edho-xp.blogspot.com/ --*/
.DHOrelatedpost{border: 1px solid #D8D8D8;padding: 5px;
background-color: #E0F8E0;-moz-border-radius:5px; margin:5px;}
.DHOrelatedpost:hover{background-color: #EFFBEF;}

Klik SIMPAN TEMPLATE
Selesai

Semoga Bermanfaat !

BackLink please. Thanks! ^^

URL

Code For Forum

HTML Code

<a href='http://edho-xp.blogspot.com/2012/09/cara-membuat-related-post.html' target='_blank'>Cara Membuat Related Post</a>

About EDHO-XP Author

Nama gue Edo Cosma. Nama asli gue Ahmad Dhoifullah . Gue orang nya sedikit pendiam dan pemalu. Apa lagi gue masih menduduki kelas 8 / 2 SMP tepatnya di sekolah SMPN 3 BATANGHARI sekolang yang berada di kotaku. Ini blog hanya percobaan dan iseng aja kok sob. Salam kenal yah sob !

Selengkapnya Tentang Admin EDHO-XP »