Tutorial Cara Memasang Slideshow "RANDOM POST" di Sidebar BLOG

Tutorial yang saya bagikan kali ini adalah tentang Bagaimana Cara Memasang Slideshow "RANDOM POST" di Sidebar Blog, atau dengan kata lain bagaimana cara memasang slideshow artikel secara acak di sidebar blog.

Slideshow ini sangat berguna untuk menarik minat pengunjung untuk melihat isi postingan kita, karena sesuatu yang bergerak tentu cenderung mengundang perhatian siapapun yang melihatnya. Ini juga sekaligus dapat mempercantik Blog kita, memberi fariasi tersendiri sehingga tampilan Blog kita serasa lebih hidup.

Namun ini tidak dianjurkan untuk dipasang pada Template Blog yang sudah ada Slideshow-nya, karena ini dapat mengganggu kinerja Slideshow tersebut. Untuk memasang Slideshow ini caranya sangat mudah, dan hasilnya cukup menakjubkan.

Langsung saja ikuti langkah-langkahnya sebagai berikut :

1. Login ke akun blog Anda
2. Pilih Tata Letak
3. Kemudian Klik Tambahkan Gadget
4. Pilih HTML/javascript
5. Copy Kode HTML pada kotak bawah ini dan pastekan.
6. Simpan / Save !! SELESAI..

<style type="text/css">
#rp_plus_img{height:385px;overflow:hidden;padding:2px 3px 3px 2px;background:transparant}
#rp_plus_img ul{list-style-type:none;margin:0;padding:0}
#rp_plus_img li{border:solid 1px #ccc; margin:0;height:82px;padding:5px; list-style:none;border-radius: 10px;background:#ffffff}
#rp_plus_img li:hover{background-color: #EFFBEF;}
#rp_plus_img a{color:#d90000;font-weight:bold}
#rp_plus_img .news-title{display:block;font-weight:400 !important;margin-bottom:3px;font-size:11px;}
#rp_plus_img img{float:left;margin-right:10px;padding:4px;border:solid 1px #ccc;width:65px; height:65px;border-radius: 10px}
</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://tugasku4u.googlecode.com/files/Slideshow-artikel-terbaru-New-2013.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 = 20;
var numchars = 40;
</script>
<script src="/feeds/posts/default?orderby=published&alt=json-in-script&callback=rpthumbnt"></script>
</ul>

Selamat mencoba.