Welcome to my simple blog………have nice reading…..hopefully it can be useful

Minggu, 28 Oktober 2012

Hari ke-25 Masuk PKL

Di hari senin tgal 28 oktober ini saya masuk pukul 12.00.Nah di hari ini saya akan menjelaskan tentang cara membuat widget recent post animasi.


CARA MEMBUAT  WIDGET RECENT POST ANIMASI :

1.Sign In di http://www.blogger.com/
2.Pada Dashbor klik Design
3.Klik Add a Gadget dan HTML Java Script
4.Copy kode di bawah ini dan paste pada kolom yang tersedia
<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://bloggertutorialblog.blogspot.com/" target="_blank">Get this widget here</a></small>
5.Klik Simpan



Tidak ada komentar:

Posting Komentar