Membuat Recent Post Berjalan Responsive di blog

Membuat Recent Post Berjalan di blog - Apabila kita memiliki sebuah blog jika kita selalu update dan menulis artikel - artikel baru kadang kala tidak langsung terindex di mesin telusur, dalam kasus untuk pengunjung tetap kita mungkin bisa mengetahui mana saja postingan baru kita. akan tetapi apabila ada pengunjung baru dia hanya akan melihat postingan yang ia cari saja di search engine dan tidak mengetahui postingan apa saja yang kita tulis, untuk itulah disini saya akan mejelaskan bagaimana cara membuat sebuah recent post atau menampilkan post yang baru saja anda buat. sehingga pengunjung baru bisa melihat ada post baru apa saja dan jika ia tertarik akan menambah trafic blog kita. untuk lebih jelasnya langsung saja ke scriptnya. 

Baca juga : Cara Membuat Menu Navigasi Blog Melayang di Atas atau Sticky Navigation

1. Klik Layout > Add gadget dimana anda ingin meletakannya > Pilih HTML / Javascript kemudian masukan kode berikut :

<style type="text/css">
    #rp_plus_img{height:377px;}
    #rp_plus_img li {height:60px;padding:5px;list-style:none;
    background-color:#ffffff;
    border:solid 1px #000000;}
    #rp_plus_img a{color:#00000;}
    #rp_plus_img .news-title{display:block;font-weight:bold ;margin-bottom:4px;font-size:11px;
    text-align:justify;
    -moz-border-radius: 5px;}
    #rp_plus_img img{float:left;margin-right:14px;padding:4px;border:solid 1px #00000;width:55px;height:55px;}
  
</style>
<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>
<ul id="rp_plus_img"><script>
    var numposts = 5;
    var numchars = 0;
  
</script>     <script src="/feeds/posts/default?orderby=published&amp;alt=json-in-script&amp;callback=rpthumbnt">
</script></ul>

2. Sekarang klik Simpan.

Membuat Recent Post Berjalan di blog anda sekarang sudah selesai, baca juga tutorial blog lainnya.