Cara Membuat Random Post Bergerak Otomatis

Kali ini BlogyShare akan berbagi tips tentang bagaimana membuat random post bergerak otomatis ke bawah pada blog sobat. Random post ini akan menampilkan posting2 sobat baik posting sobat yang lama maupun posting baru secara acak dengan fitur unik yaitu secara otomatis berganti dan bergerak ke bawah. Oiya.. Random Post ini juga disertai dengan thumbnail.

Oke langsung saja,,, caranya:

1. Login ke dashboard blog sobat

2. Masuk ke tata letak

3. Tambahkan Gadget

4. Cari HTML/JavaScript

5. masukkan kode script dibawah ini :

<div style="margin-bottom: 15px;">

<style type="text/css">

#rp_plus_img{height:287px;overflow:hidden;border:solid 0px #585858;padding:1px 5px 14px 1px;background-color:none;}

#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:70px;padding:1px;list-style:none;}

#rp_plus_img a{color:#FFFFFF;}

#rp_plus_img .news-title{display:block;font-weight:bold !important;margin-bottom:5px;font-size:12px;}

#rp_plus_img .news-text{display:block;font-size:12px;font-weight:normal !important;color:#FFFFFF;text-align:justify;}

#rp_plus_img img{float:left;margin-right:10px;padding:1px;border:solid 1px #cccccc;width:60px;height:65px;}

</style>

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>

<script type="text/javascript" src="http://slide-down-recent.googlecode.com/files/Slide%20Down%20Recent%20Post.js"></script>

<script type="text/javascript">

var speed = 400;

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 = 60;

</script>

<script src="/feeds/posts/default?orderby=published&alt=json-in-script&callback=rpthumbnt"></script>

</ul>

</div>

6. Lalu Save.. :D

Keterangan:

1. Kode 400 adalah kecepatan perpindahan post ke post lain. Sobat bisa mengubahnya sesuai keinginan bila perlu..
2. Kode 3500 adalah waktu berhentinya post / pause.
3. Kode 20 adalah jumlah post yang akan ditampilkan di random post. Sobat bisa mengubahnya sesuka hati.. :)

Sekian dulu ya.. Semoga bermanfaat bagi semuanya :) Jangan lupa komentarnya ya.. hehe.. Trims..