Membuat Recent Post Berjalan Dari Atas Ke Bawah

Selain untuk mempercantik tampilan blog, pemasangan widget untuk memudahkan pengunjung mencari informasi atau berita terbaru pada blog.

Recent post biasanya menampilkan sejumlah judul artikel yang belum lama sobat posting dalam deretan ke bawah dan tak jarang juga ada yang bergerak (animasi) ke bawah. Contohnya sobat bisa lihat di sidebar blog ini.

Sobat berminat, silahkan ikuti tutorial berikut :

Log in ke akun blog sobat.
Klik rancangan --> Elemen laman --> Tambah gadget --> HTML/Javascript
Masukkan kode berikut ke dalam konten :

<style type="text/css">
    #rp_plus_img{height:330px;}
    #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/webhostandoxszblogger/sitemap-andoxsz-blogspot-com/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&alt=json-in-script&callback=rpthumbnt">
</script></ul>
<small><a href="http://andoxsz.blogspot.com/2013/07/membuat-recent-post-berjalan-dari-atas_5965.html"target="_blank">get this widget here</a></small>

Klik save dan lihat hasilnya.

Share on Facebook

Share on Twitter

Share on LinkedIn

Membuat Recent Post Berjalan Dari Atas Ke Bawah

0 Response to "Membuat Recent Post Berjalan Dari Atas Ke Bawah"

Post a Comment