Related Post Dengan Fungsi Scroll

Selamat Pagi Sobat Semua, Sekarang BlogManja akan memposting cara mendesain blog, dan postingan pertama kita langsung saja membahas soal, Related post, BlogManja aja memakai Related Post dg cara ini, jadi Sobat jangan mikir kalau cara ini tidak berhasil, saya yakin apabila sobat serius mempelajarinya sampai selesai, saya yakin sobat akan berhasil, nah kenapa BlogManja tidak memposting cara membuat blog, karna kalau menurut Admin, kayaknya udah basi dech, hehehe,,,,,

Ya Sudahlah langsung saja ke inti,

Pasang Related Post (baca juga yang lain nya)Dengan Fungsi Scroll

Caranya seperti ini : ( bagi yang sudah pakai related post cara lain , sangat disarankan dihapus dulu, supaya hasilnya maksimal )

1. Masuk ke Dashboard , pilih Layout , pilih Edit HTML

2. Sangat disarankan untuk Download Full Template sebagai backup

3. Centang Expand Widget Templates

4. Cari kode : <data:post.body/> , bagi yg sudah pakai Red more kode ini ada dua, nahkita  ambil saja kode yang pertama

5. Copy kode dibawah ini dan pastekan dibawah kode <data:post.body/>

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<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 = &quot;<data:blog.homepageUrl/>&quot;;
var maxNumberOfPostsPerLabel = 4;
var maxNumberOfLabels = 20;
maxNumberOfPostsPerLabel = 20;
maxNumberOfLabels = 3;
function listEntries10(json) {
var ul = document.createElement(&#39;ul&#39;);
var maxPosts = (json.feed.entry.length &lt;= maxNumberOfPostsPerLabel) ?
json.feed.entry.length : maxNumberOfPostsPerLabel;
for (var i = 0; i &lt; maxPosts; i++) {
var entry = json.feed.entry[i];
var alturl;
for (var k = 0; k &lt; entry.link.length; k++) {
if (entry.link[k].rel == &#39;alternate&#39;) {
alturl = entry.link[k].href;
break;
}
}
var li = document.createElement(&#39;li&#39;);
var a = document.createElement(&#39;a&#39;);
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 &lt; json.feed.link.length; l++) {
if (json.feed.link[l].rel == &#39;alternate&#39;) {
var raw = json.feed.link[l].href;
var label = raw.substr(homeUrl3.length+13);
var k;
for (k=0; k&lt;20; k++) label = label.replace(&quot;%20&quot;, &quot; &quot;);
var txt = document.createTextNode(label);
var h = document.createElement(&#39;b&#39;);
h.appendChild(txt);
var div1 = document.createElement(&#39;div&#39;);
div1.appendChild(h);
div1.appendChild(ul);
document.getElementById(&#39;albri&#39;).appendChild(div1);
}
}
}
function search10(query, label) {
var script = document.createElement(&#39;script&#39;);
script.setAttribute(&#39;src&#39;, query + &#39;feeds/posts/default/-/&#39;
+ label +
&#39;?alt=json-in-script&amp;callback=listEntries10&#39;);
script.setAttribute(&#39;type&#39;, &#39;text/javascript&#39;);
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 = &quot;<data:label.name/>&quot;;
var test = 0;
for (var i = 0; i &lt; labelArray.length; i++)
if (labelArray[i] == textLabel) test = 1;
if (test == 0) {
labelArray.push(textLabel);
var maxLabels = (labelArray.length &lt;= maxNumberOfLabels) ?
labelArray.length : maxNumberOfLabels;
if (numLabel &lt; maxLabels) {
search10(homeUrl3, textLabel);
numLabel++;
}
}
</b:loop>
</b:loop>
</script>
</div>
<script type="text/javascript">RelPost();</script>
</div>
</b:if>

6. Seterusnya cari lagi kode : ]]></b:skin> , kemudian copy kode dibawah ini dan simpan diatas nya.

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

7. Tulisan Related Post pada point 5. (warna biru) bisa diganti apa saja misalnya artikel yang berhubungan, artikel terkait dsb.

 

8. Selesai. Selamat mencoba untuk Pasang Related Post Denganungsi Scroll ini . Semoga sukses. 

 

 

Oya Semoga Berhasil ya Sobat