Membuat Recent Post Menarik Jilid II

    Buat kalian yang sudah lama berkecimpung di dunia blog saya yakin sudah tidak asing lagi dengan istilah recent post. Recent Post bisa diartikan sebagai daftar postingan terakhir diblog.
Sebetulnya maenblogging juga pernah memposting mengenai script recent post, namun entah kenapa script tersebut sekarang sudah tidak bisa digunakan lagi, maka dari itu pada kesempatan kali ini saya ingin share kembali script recent post yg lain.



Berikut beberapa script recent post yang coba dipasang diblog kalian:
-  Script Recent Post 1

<div id="tb">
<script style="text/javascript" src="http://tutorialblogspot.googlecode.com/files/recentpostnothumbnail.js"></script>
<script style="text/javascript">var numposts = 5;var showpostdate = false;var showpostsummary = false;var numchars = 100;var standardstyling = true;</script>
<script src="Alamat Blog Kalian/feeds/posts/default?orderby=published&alt=json-in-script&callback=showrecentposts"></script></div>
<div style="display:none;">Recent Post no Thumbnail by <a href="Alamat Blog Kalian">Tutorial Blogspot</a></div>
<style type=text/css>
#rpdr {background: url( https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjbxKnx8xnHUMwlxuOSfSz__4nMeu5s3eipohJk7KIXftvgSXClELO2NqOuXdfdIywqn2aM4py_s8HNzkHXS9943b41z9xrtr1RHTbMl6pcFxeA17SY6ax9-tIRTQi_S4kDZB8UYE9Off-Q/s1600/blogger.png ) 0px 0px no-repeat; padding: 1px 0px 0px 19px; height:14px; margin: 5px 0px 0px 0px;line-height:14px;}
#rpdr, #rpdr a {color:#808080;}
#tb { }
.bbrecpost2 {
padding-top:6px;
padding-bottom:6px;
border-bottom: 1px #cccccc dotted; }
</style> 

Hasilnya seperti ini :

Recent Post no Thumbnail by Tutorial Blogspot

-  Script Recent Post 2 with Thumbnail

<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="Alamat Blog Kalian" target="_blank">get this widget here</a></small>

Hasilnya seperti ini :

get this widget here

Keterangan : 
- Untuk pemasangannya seperti biasa, anda buka Tata Letak - Tambah Gadget - HTML/Javascript
- Silahkan pada Alamat Blog Kalian diatas diganti dengan alamat blog anda masing-masing
- Untuk var numposts bisa adalah jumlah recent yang akan ditampilkan, untuk contoh diatas saya hanya menampilkan 5 saja