Cara Membuat Random/Recent Post Bergerak Terbaru

Tutorial- Hai para sahabat semua,  kali ini saya akan membagikan tutorial tentang bagaimana Cara Membuat Random/recent Post Bergerak . Random/ResentPost dalam bahasa Indonesia berarti postingan terbaru atau postingan terkini. Tujuan memasang widget Random/Recent Post ini adalah agar mempermudah pengunjung blog sahabat yang ingin melihat postingan terbaru atau postingan terkini.

Random/Recent Post biasanya menampilkan sejumlah judul artikel terbaru yang belum lama sobat posting yang bergerak kebawah. Contohnya sobat bisa melihat random/recent post blog saya ini yang berada di sidebar kanan.

Berikut ini adalah Cara Membuat Random/Recent Post Bergerak, dan perhatikan Tutorial ini baik-baik agar sobat dapat langsung mengerti.
1. Log In di blogger sahabat
2. klik tata letak/layout lalu klik tambahkan gadget atau add gadget, cari HTML/JavaScript lalu klik.
3. Selanjutnya copy paste kode HTML dibawah ini.

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js" type="text/javascript">
</script>
<script src="https://sites.google.com/site/unwanted86/javascript/recentpost.js" type="text/javascript">
</script>
<script type="text/javascript">
    var speed = 1500;
    var pause = 3500;
    $(document).ready(function(){
    rpnewsticker();
    interval = setInterval(rpnewsticker, pause);
    });
  
</script>
<div style="margin-bottom: 15px;">
<style type="text/css">
#rp_plus_img{height:700px;overflow:hidden;border:solid 0px #585858;padding:1px 5px 14px 1px;background-color:none;}
#rp_plus_img ul{list-style-type:none;margin:0;padding:0}
#rp_plus_img li{border:0; margin:0; padding:0; list-style:none;}
#rp_plus_img li{height:70px;padding:1px;list-style:none;}
#rp_plus_img a{color:#3366ff;}
#rp_plus_img .news-title{display:block;font-weight:bold !important;margin-bottom:5px;font-size:12px;}
#rp_plus_img .news-text{display:block;font-size:12px;font-weight:normal !important;color:#282828;text-align:justify;}
#rp_plus_img img{float:left;margin-right:10px;padding:1px;border:solid 1px #cccccc;width:60px;height:50px;}
</style>

<script type="text/javascript" src="http://slide-down-recent.googlecode.com/files/Slide%20Down%20Recent%20Post.js"></script>
<script type="text/javascript">
var speed = 400;
var pause = 3500;
$(document).ready(function(){
rpnewsticker();
interval = setInterval(rpnewsticker, pause);
});
</script>
<ul id="rp_plus_img">
<script style="text/javascript">
var numposts = 20;
var numchars = 40;
</script>
<script src="/feeds/posts/default?orderby=published&alt=json-in-script&callback=rpthumbnt"></script>
</ul>
</div>

4. Yang Terakhir Simpan dan lihat halisnya

Sekian tutorial Cara Membuat Random/Recent Post Bergerak Terbaru. Semoga para sobat berhasil dalam melakukan tutorial ini. Apabila kode HTML tidak berfungsi silahkan komentar dibawah ini. Jika sahabat  menyukai artikel ini tolong di like dan share ke teman-teman sahabat sekalian. 
Wassalam..