Slide Show Postingan Blog Move Down

Written By admind Tuesday, February 12, 2013 Add Comment Edit

Widget slideshow postingan blog, widget ini bisa kamu manfaatkan untuk menarik perhatian visitor. Kalau mereka tertarik dengan widget slideshow ini kemudian meng-kliknya, maka page postinganmu mejadi semakin ramai dan meningkatkan pagerank blog kamu.

berikut langkah-langkahnya:

masuk ke dashboard blogger
pilih tata letak
pilih add/tambahkan gadget
pilih HTML/javascript
masukkan kode berikut:

<style type="text/css">
#rp_plus_img{height:385px;overflow:hidden;border:0;padding:6px 10px 14px 5px;background: transparant;}
#rp_plus_img ul{list-style-type:none;margin:0;padding:0}
#rp_plus_img li{border:solid 1px #585858; margin:0; padding:0; list-style:none;}
#rp_plus_img li{height:85px;padding:5px;list-style:none;}
#rp_plus_img a{color:#000;}
#rp_plus_img .news-title{display:block;font-weight:bold !important;margin-bottom:4px;font-size:12px;}
#rp_plus_img img{float:left;margin-right:14px;padding:4px;border:solid 1px #585858;width:65px;height:65px;}
</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/dhany99487/widget/Slideshow_post_movedown.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 = 20;
</script>
<script src="/feeds/posts/default?orderby=published&alt=json-in-script&callback=rpthumbnt"></script>
</ul>