Cara Membuat Random Post Bergerak Dengan Thumbnail

Rabu, 29 Mei 2013

J ika biasanya random post berbentuk link atau hanya thumbnail, kali ini random post anda semakin unik saja.Dengan script di bawah ini ...

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.irrafeisal.blogspot.com/feeds/posts/default?orderby=published&alt=json-in-script&callback=rpthumbnt">
    </script> </ul>
</center>

4. Ganti Angka vaar speed dan var pause
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 Alamat Blog (http://irrafeisal.blogspot.com)
Ganti tulisan tersebut dengan alamat blog anda

6.Save dan lihat blog anda

Itulah cara membuat random post bergerak dengan thumbnail supaya blog anda lebih terlihat keren!
Semoga berhasil dan salam sukses !

Ditulis Oleh : Irrafeisal ~ Journey Of Destiny|We learn together to increase knowledge| we share knowledge and strengthen the friendship

Artikel Cara Membuat Random Post Bergerak Dengan Thumbnail ini diposting oleh Irrafeisal pada hari Rabu, 29 Mei 2013. Terimakasih atas kunjungan Anda serta kesediaan Anda membaca artikel ini. Kritik dan saran dapat Anda sampaikan melalui kotak komentar. Semoga Artikel Cara Membuat Random Post Bergerak Dengan Thumbnail ini bermanfaat. Dan Apabila friend Irrafeisal ingin artikel ini ada di postingan Anda, silahkan di copy paste aja, agar bisa menyebarkan lebih luas lagi ilmu yang bermanfaat...

Get free daily email updates!