Membuat Rekomendasi Artikel dalam bentuk Slide Box

Di tengah tengah guyuran abu vulkanik gunung kelud, akhirnya bisa update lagi nih. Yogyakata aja kena abu vulkanik, apalagi rumah saya yang ada di Magetan. Tapi sekarang ini kita bukan sedang mbahas rumah saya yang ketutup abu vulkanik ya, yang kita bahas adalah Membuat Rekomendasi Artikel Selanjutnya dalam bentuk Slidebox
Fungsi dari slidebox ini adalah untuk menunjukkan artikel lain yang random atau diacak dan akan muncul beerbentuk kotak di samping bawah tampilan halaman blog sobat, yang manfaatnya memberitahukan pengunjung dengan mudah artikel apa saja yang ada dalam blog kita sehingga membuat pengunjung betah menjelajahi isi dari blog kita.

Berikut Adalah Membuat Rekomendasi Artikel dalam bentuk Slidebox

Copy kode berikut di dalam Tata Letak -> Add Gatged -> HTML/Javascript

 <!--Slidbox by Mbah Siyam-->
     <script type="text/javascript" src="https://mbah-siyam.googlecode.com/svn/Slide%20Box.js"></script>
<div style="position:fixed; width:340px; overflow:hidden; bottom:3px;
right:3px; display:none;
background: #ffffff; background: -moz-linear-gradient( center top, #ffffff 85%, #ffffff 100% ); 
background: -webkit-gradient( linear, left top, left bottom, color-stop(.2, #999999), color-stop(1, white) );
background-attachment: fixed;
 repeat; -moz-border-radius:15px; -webkit-border-radius:5px;
border-radius:15px; border:0px solid #333;" id="fbslidebox">
    <div style="width:300px; padding:5px; margin:0 auto; overflow:hidden;">
        <a href="#" style="float:right; color:#000000; padding:0 2px;
border:0px
 solid #000000; text-decoration:none; font-size:12px; 
font-family:Verdana, Geneva, sans-serif;" 
id="fbcloseslidebox">X</a>
        <strong style="color:#1E598E;"><b><u>SELANJUTNYA</u> >></b></strong>
<b>
<script type="text/javascript">
var randarray = new Array();var l=0;var flag;
var numofpost=2;function randomposts(json){
var total = parseInt(json.feed.openSearch$totalResults.$t,10);
for(i=0;i
 < 
numofpost;){flag=0;randarray.length=numofpost;l=Math.floor(Math.random()*total);for(j
 in randarray){if(l==randarray[j]){ flag=1;}}
if(flag==0&&l!=0){randarray[i++]=l;}}document.write('<ul>');
for(n in randarray){ var p=randarray[n];var entry=json.feed.entry[p-1];
for(k=0;
 k < entry.link.length; k++){if(entry.link[k].rel=='alternate'){var 
item = "<li>" + "<a href=" + entry.link[k].href + ">" + 
entry.title.$t + "</a> </li>";
document.write(item);}}
}document.write('</ul>');}
</script>
<script src="/feeds/posts/default?alt=json-in-script&start-index=1&max-results=1000&
callback=randomposts" type="text/javascript"></script>
</b>
</div>
</div>
 <!--Slidbox by Mbah Siyam end --> 

Ganti tulisan "SELANJUTNYA" dengan kata yang di inginkan. Kalau sudah, klik simpna dan selesai, dan jadi nya adalah seperti ini

Hasil nya adalah seperti gambar ini

Demikian  cara Membuat Rekomendasi Artikel dalam bentuk Slidebox  semoga bermanfaat bagi anda. :)