Cara Membuat Artikel Terkait (Related Post)

Cari Membuat Artikel (Related Post) Dengan Scroll Di Blogspot. Assalamualaikum sobat,, Kali ini saya akan sedikit berbagai tips memasang Artikel Terkait Di Bawah Posting dengan Fungsi Scroll. Untuk Lebih jelas,,lihat scren shoot di bawah ini. langsung aja tanpa panjang dan tanpa lebar kita menuju ke TKP....

Langkah Pertama, Tentunya Login dulu Ke Akun Blogspot sobat,,jangan ke akun orang laen ya,,hehe.... Trus pilih Template, Pilih Edit HTML, Centang Expand Template Wdget yang terdapat pada pojok kiri atas..Kalo udah..

1. Cari Kode ]]></b:skin> . Untuk memudahkan pencarian,,Tekan Ctrl+F.

2. Kalo kode ]]></b:skin>, letakan kode di bawah ini tepat di atas kode ]]></b:skin>

3. Langkah selanjutnya,,Cari kode <data:post.body/> .Untuk memudahkan pencarian,,Tekan Ctrl+F.
4. Letakan kode di bawah ini tepat di bawah kode <data:post.body/>

<b:if cond='data:blog.pageType == "item"'>
<br/>
<br/>
<h2>
Artikel Terkait:</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 = 10;
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>

5. SAVE DAN SELESAI
Jika ingin mengganti warna background kotaknya, ganti kode warna ( #f10c0c; )
Cara Membuat Artikel Terkait (Related Post) atau Cari Membuat Artikel (Related Post) Dengan Scroll Di Blogspot

Cara Membuat Artikel Terkait (Related Post)

0 Response to "Cara Membuat Artikel Terkait (Related Post)"

Post a Comment