Cara Membuat Slide Show Posting Pada Blog Dengan Berbagai Tampilan

Tampilan yang simple dan menarik merupakan salah satu trik untuk menarik para pengunjung blog anda terus tetap berkunjung ke blog anda karena disamping penampilan yang  bagus itu juga mempunyai fungsi untuk mempermudah pengunjung untuk mencari apa yang sedang dia cari. Dan juga tak lupa dengan adanya slide show itu dapat menunjukkan postingan terbaru dari blog kita.

Untuk para blogger yang tertarik dengan trik ini bisa langsung dicoba dengan menerapkan cara ini pada blog anda :

Slide Show Versi 1

1. Login ke blogger dengan id account anda dulu
2. Jika sudah masuk tampilan Dasbor Blog anda, klik Rancangan
3. Klik Tambah Gadjet, kemudian akan muncul tab baru
4. Dan Pilih HTML/JavaScript
5. Copy kode script dibawah ini :

<style type="text/css">

#rp_plus_img{height:212px;overflow:hidden;border:solid 1px #585858;padding:6px 10px 14px 5px;background-color:#2f2f2f;}
#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:#FFF;}
#rp_plus_img .news-title{display:block;font-weight:bold !important;margin-bottom:4px;font-size:11px;}
#rp_plus_img .news-text{display:block;font-size:11px;font-weight:normal !important;color:#DEDEDE;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://blogansyari.googlecode.com/files/Recent%20Post%20By%20Blog%20Ansyari.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 = 250;
</script>
<script src="/feeds/posts/default?orderby=published&alt=json-in-script&callback=rpthumbnt"></script>
</ul>

     6.  Dan paste di dalam tab HTML/JavaScript tadi
     7.  Lalu Klik Simpan
     8.  Lihat hasilnya di blog anda

Terima Kasih . .
Semoga ini dapat membantu atau bahkan menyelesaikan masalah anda