Assalamu Alaikum, Selamat datang Saudaraku. Semoga BLOG ini bermanfaat dan harapan kami agar Anda sering datang berkunjung. Wassalam. ==> YAHYA AYYASY <==

Animated Recent Post

Recent post menunjukkan apakah post terbaru yang baru dihasilkan oleh seseorang blogger untuk blognya. Adanya animated recent post widget, dapat menambahkan lagi 'seri' bagi senarai recent post anda.



.Tutorial untuk membuat animated recent post ini adalah seperti berikut.

1. Dari dashboard > design > add a gadget > HTML/javascript

2. Copy dan paste kod di bawah ke dalam ruangan HTML/javascript yang anda buka.


<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 type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script type="text/javascript" src="https://sites.google.com/site/unwanted86/javascript/recentpost.js"></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 style="text/javascript">
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://rabbani79.blogspot.com/2013/05/animated-recent-post.html" target="_blank">rabbani79.blogspot.com</a></small>

3. Save dan lihat hasilnya. Selamat mencoba

sumber

0 Komentar:

Posting Komentar

Kehormatan buat kami jika selesai baca Anda beri komentar atas Artikel ini....tapi, Mohon Maaf kawan Komentarnya yang sopan ya....he..he..he..

Recent Post widget Inspirasi Rabbani

Menuju

Blog Tetangga

Blog Tetangga
Klik Gambar untuk Berkunjung

Luwuk Banggai SULTENG

Luwuk Banggai SULTENG
ebeeee......