Cara Membuat Recent Post Dengan Thumbnail Bergerak

Berikut saya tuliskan sedikit Cara Membuat Recent Post Dengan Thumbnail Bergerak.

Recent post yang akan di buat ini adalah recents post thumbnail yang bergerak agar pengunjung blog mudah untuk melihat postingan terbaru, blog pun akan tampak lebih menarik. Contohnya seperti yang terlihat di bawah blog ini. xixixi ^_^


Bagi brada yang ingin memasang recent post thumbnail bergerak silahkan ikuti beberapa langkah berikut:

1. Login ke akun blogger brada
2. Klik menu Rancangan > Tata Letak.
3. Klik Tambah Gadget
4. Klik HTML/Javascript

Masukan kode berikut :

<center><style type="text/css">
#rp_plus_img{height:300px;overflow:hidden;border:solid 0px #fff;padding:6px 10px 24px 5px;background-color:transparent;}
#rp_plus_img ul{list-style-type:none;margin:0;padding:0}
#rp_plus_img li{border:1px; margin:0; padding:0; list-style:none;}
#rp_plus_img li{height:60px;padding:5px;list-style:none;}
#rp_plus_img a{color:#F68629;}
#rp_plus_img .news-title{display:block;font-size:14px;font-weight:bold !important;color:#F68629;text-align:justify;}
#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 #F68629;width:95px;height:55px;}
</style>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js" type="text/javascript">
</script>
<script src="http://theplick.googlecode.com/files/newsticker-plick.js" type="text/javascript">
</script>
<script type="text/javascript">
var speed = 1000;
var pause = 2500;
$(document).ready(function(){
rpnewsticker();
interval = setInterval(rpnewsticker, pause);
});
</script>
<ul id="rp_plus_img"><script>
var numposts = 20;
var numchars = 0;
</script> <script src="http://batangcyber.blogspot.com/feeds/posts/default?orderby=published&amp;alt=json-in-script&amp;callback=rpthumbnt">
</script> </ul>
</center>

Perhatikan!: ganti http://batangcyber.blogspot.com dengan url blog brada.

      5. Klik Simpan.

Selesai. ^_^ Coba sekarang lihat. xixixi

Semoga bermanfaat ^_^

Continue Reading »