Cara Membuat Artikel Terkait dengan Scroll Admin : Unknown

Assalamu'alaikum,wr.wb

Seperti halnya posting saya sebelumnya masih seputar Memasang Related Post atau Artikel Terkait dibawah posting blog, kali ini agak berbeda,kali ini kita akan membuat artekel terkait dengan fungsi scroll, bagaimana caranya?? mari kita simak tutorial berikut :

• Login ke blog sobat
• Masuk Template >> Edit Html
• Cari kode <div class='post-footer-line post-footer-line-1'> ,gunakan CTRL+F

catatan : Apabila sobat menemukan beberapa kode silahkan pilih yang pertama

• Kemudian copy kode script berikut dan letakkan tepat dibawah kode <div class='post-footer-line post-footer-line-1'> :

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<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 = &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;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>

 Catatan :
warna orange : Ganti dengan kata-kata sobat
warna kuning  : Ukuran,warna,tinggi dan lebarnya,Sesuaikan dengan blog sobat
warna pink     : Jumlah label yang ingin ditampilkan
warna biru      : Jumlah artikel yang ingin ditampilkan

• Terakhir simpan

Demikianlah tutorial mengenai cara memasang artikel terkait atau related post dengan fungsi scroll,
Sobat bisa juga memakai bentuk dan cara yang lainnya dibawah ini :

Untuk Related Post simpel dibawah posting sobat bisa baca DISINI
Untuk Related Post dengan gambar sobat bisa baca DISINI
Untuk Related Post menggunakan Linkwithin sobat bisa baca DISINI

Baca juga Tutorial Blog SEO :

• Cara menghilangkan/menyembunyikan tang dan obeng pada blog
• Cara mengoptimalkan posting gambar lebih SEO
• Cara mendapatkan ribuan Backlink gratis

Baca juga Artikel Muslim :

• Kebahagiaan dan kemuliaan wanita mulimah
• Kesabaran seorang wanita muslim
• Belajar memahami arti diri dalam kehidupan

Baca Juga Kisah Hidayah :

• Keajaiban ALLAH di perang Gaza
• Kisah nyata mukjizat cinta dari seorang istri
• Taubat setelah melihat sakaratul maut