Senin, 14 Mei 2012

Cara Membuat Recent Post bergerak

Salah satu cara membuat para visitor dapat betah berjalan-jalan di blog kita adalah dengan memberikan mereka pilihan artikel terakhir yang kita buat secara menarik. Tak percaya??? Misalkan saja ada cewek cantik lewat, gak mungkin gak ada cowok yang gak melirik............ Begitu juga dengan blog, jika ada widget yang menarik gak mungkin visitor gak mau lihat dan pasti dah lihat-lihat pengennya lama-lama. Bener kan? Dah, daripada kelamaan, langsung saja kita buat recent post yang bergerak. Langkahnya
  • Log in ke Blogger
  • Klik Rancangan (pada tampilan lama) atau Tata Letak (pada tampilan baru)
  • Klik Tambah gadget lalu pilih tipe HTML/Javascript
  • Masukkan kode di bawah 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://guidefor-you.blogspot.com/2012/05/cara-membuat-recent-post-bergerak.html" target="_blank">get this widget here</a></small>


  • Lalu simpan........Selamat mencoba



Tidak ada komentar:

Posting Komentar

Related Posts Plugin for WordPress, Blogger...