Cara Memasang Recent Post Berjalan Di Blog

Cara Memasang Recent Post Berjalan Di Blog

 Contoh Recent Post Berjalan Di Blog 
Mitra Decapri

Recent post atau biasa yang disebut posting terakhir adalah sebuah widget  yang bisa dpasang diblog dengan tujuan memberikan informasi tentang postingan atau artikel terkini.

Recent Post biasanya menampilkan sejumlah judul artikel yang belum lama sobat posting dalam deretan ke bawah dan tak jarang juga ada yang bergerak dari bawah keatas, dari atas kebawah dan samping. Contohnya sobat bisa lihat di sidebar blog ini.....hehehe sambilan pamer JJJ


Kali ini saya memposting Cara Memasang Recent Post Berjalan Di Blog dengan tujuan untuk memperindah dan memperkeren sedikit tampilan blog. bagi yang berminat silahkan ikuti langkah-langkahnya sebagai berikut :

1. Log in ke akun blog sobat.
2. Klik rancangan --> Elemen laman --> Tambah gadget --> HTML/Javascript
3. Masukkan kode berikut ini 

<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>
<small><a href="http://mitradecapri.blogspot.com/2012/12/cara-memasang-recent-post-berjalan-di.html" target="_blank">get this widget here</a></small>

4. Lihat Hasilnya.


Sumber Artikel : Christiantatelu