Membuat Recent Post Bergerak Vertical

Membuat Recent Post Bergerak Vertical - Widget satu ini sangat digemari para blogger. Dengan menampilkan Blog tebaru pada sidebar Blog akan membuat Tampilan Blog semakin bagus. Jika blog anda bagus pasti pengunjung akan lebih sering berkunjung ke blog Anda. Utuk cara pembuatannya cukup mudah.

1. Login Ke Dasboard Blog
2. Pilih Tata Letak
3. Tambah Gadget
4. Pilih HTML/Java Script
5. Copy Paste Script Dibawah 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></small>

Setelah Semua Sudah dilakukan, Klik Simpan dan Lihat Hasilnya. Jika Anda menginkan widget Tambahan Lainnya Bisa Dilihat Disini Demikian artikel Saya tentang Membuat Recent Post Bergerak Vertical. Semoga Bermanfaat.

Bagikan ke

Facebook Google+ Twitter

Search