Membuat Scroll Related Post dibawah Posting

Pada kesempatan kali ini saya akan berbagi limu. yaitu cara Membuat Scroll Related Post Di Bawah Posting. Nah Dilihat dari titlenya saja pasti teman-teman blogger sudah tahu apa maksudnya kan?.maksudnya adalah : menambahkan Artikel Terkait dengan Scroll di bawah postingan blogger.trik ini sudah saya terapkan di blog saya ini.kalau tidak percaya liht saja dibawah postingan....

 nah...kita langsuh saja ke Pokok Permasalahan.

caranya adalah ;

1. Login Ke Blogger
2. Klik Tab Rancangan =] Edit HTML =] Expand Widget Template
3. Copy Dan Pastekan Script Dibawah ini setelah Kode <p><data:post.body/></p>

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<br/>
<div class='similiar'>
<div class='widget-content' id='artikel-terkait'>
<div style='width:100%; height:190px; overflow: auto;'>
<div id='data2007'/>
<script type='text/javascript'>
var homeUrl3 = &quot;<data:blog.homepageUrl/>&quot;;
var maxNumberOfPostsPerLabel = 4;
var maxNumberOfLabels = 10;

maxNumberOfPostsPerLabel = 100;
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;data2007&#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>
</div>
</div>
</b:if>

4. cari Kode ]]></b:skin>
5.Copy Dan Pastekan Script CSS ini diatasnya:

#artikel-terkait{background-color:#F0F0F0; border:solid 1px #DEDEDE; padding:10px}

6. simpan templatenya ,,,nanti akan jadi seperti ini :