Tampilkan postingan dengan label Cara Membuat Recent post Dengan Slides. Tampilkan semua postingan
Tampilkan postingan dengan label Cara Membuat Recent post Dengan Slides. Tampilkan semua postingan

Selasa, 23 Agustus 2011

Cara Membuat Recent post Dengan Slides

Cara Membuat Recent post Dengan Slides susah-susah gampang. Oke langsung saja bila yang pengen Cara Membuat Recent post Dengan Slides, perhatikan dan ikuti langkah-langkah di bawah ini :




1. Login ke akun Blogger anda
2. Kemudian Masuk ke Rancangan »» Elemen Laman »» Tambah Gadget, Pilih HTML/JavaScript
3. Setelah itu masukan kode dibawah ini:


<style type="text/css">
#rp_plus_img{height:212px;overflow:hidden;padding:6px 10px 14px 5px;background-color:#ffffff;}
#rp_plus_img ul{list-style-type:none;margin:0;padding:0}
#rp_plus_img li{border:0; margin:0; padding:0; list-style:none;}
#rp_plus_img li{height:60px;padding:5px;list-style:none;}
#rp_plus_img a{color:#000000;}
#rp_plus_img .news-title{display:block;font-weight:bold !important;margin-bottom:4px;font-size:11px #000000;}
#rp_plus_img .news-text{display:block;font-size:11px;font-weight:normal !important;color:#000000;text-align:justify;}
#rp_plus_img img{float:left;margin-right:14px;padding:4px;border:solid 1px #585858;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="http://hensblog.googlecode.com/files/rpplusimgnt-v1.0.js"></script>
<script type="text/javascript">
var speed = 400;
var pause = 2500;
$(document).ready(function(){
rpnewsticker();
interval = setInterval(rpnewsticker, pause);
});
</script>
<ul id="rp_plus_img">
<script style="text/javascript">
var numposts = 10;
var numchars = 125;
</script>
<script src="/feeds/posts/default?orderby=published&alt=json-in-script&callback=rpthumbnt"></script>
</ul>

4. Simpan Gadget