Cara Membuat Random Post Bergerak Dengan Thumbnail


Jika biasanya random post berbentuk link atau hanya thumbnail,kali ini random post anda semakin unik saja.Dengan script di bawah ini Anda dapat memasang random post bergerak guna memperkecil ruang yang digunakan untuk widget ini,berikut tutorialnya:


1. Masuk ke blogger lalu ke tata letak
2. klik tambah gadget, lalu pilih yang html/java script
3. Copy script berikut dan paste pada bagian yang tersedia



<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://kangdansen.googlecode.com/files/newsticker-thumbnail.js" type="text/javascript">
</script>
<script type="text/javascript">
var speed = 4000;
var pause = 4000;
$(document).ready(function(){
rpnewsticker();
interval = setInterval(rpnewsticker, pause);
});
</script>
<ul id="rp_plus_img"><script>
var numposts = 100;
var numchars = 0;
</script> <script src="http://www.omseoli.com/feeds/posts/default?orderby=published&amp;alt=json-in-script&amp;callback=rpthumbnt">
</script> </ul>
</center>

4. Ganti Tulisan hijau
vaar speed dan var pause digunakan untuk mengatur delay. Ganti pada nominalnya, semakin sedikit nominalnya semakin cepat delaynya (maksudnya delay waktu berjalannya itu lho..)

5.Ganti Tulisan Merah
Perhatikan Kode di atas dan lihat tulisan berwarna merah ganti tulisan tersebut dengan alamat blog anda

6.Save dan lihat blog anda

andry

Phasellus facilisis convallis metus, ut imperdiet augue auctor nec. Duis at velit id augue lobortis porta. Sed varius, enim accumsan aliquam tincidunt, tortor urna vulputate quam, eget finibus urna est in augue.

8 komentar:

  1. Spertinya anda mengcopy artikel orang tanpa memberikan sumber tulisan..

    BalasHapus
  2. Saya coba terapkan gan, trims ya. Ditunggu kunjungannya...

    BalasHapus
  3. terimakasih atas kunjungannya para bloggers setia
    saya akan bertamu balik ke blog anda :tup

    BalasHapus
  4. Sukses,Mas....
    Makasih tutorialnya ya?
    Jangan lupa mampir ke blogku.
    Ditunggu kunbalnya ya?
    Makasih..... :)

    BalasHapus
  5. @Bunda Radit: TERIMAKASIH ATAS KUNJUNGANNYA
    JANGN SUNGKAN BALIK LAGI YUPSS

    BalasHapus
  6. Terimakasih buat tutorialnya ini mas, sukses..

    BalasHapus

Budayakan memberi masukan saran & kritik
demi memajukan blog kami
maree tinggalkan jejak
jangan sungkan-sungkan berkunjung lagi ...