Cara Membuat Script Widget Recent Post Bergerak

Cara Membuat Widget Recent Post Bergerak


Trisatya Blog.Recent Posts adalah widget yang menampilkan beberapa judul posting terbaru, yang bisa anda tampilkan pada sidebar sehingga pengunjung lebih mudah mengetahui posting-posting yang terbaru.

Biasanya recent post hanya menampilkan link judul atau dengan Thumbnail Image. Namun sekarang ada yang sedikit berbeda yaitu recent post dengan Thumbnail Image dengan model Slide Show (bergerak turun).

untuk mendapatkannya cukup mudah...........
  1. Login ke BLOGGER
  2. Pilih Rancangan, Elemen Laman
  3. Tambah Gadget, pilih HTML/javascript
  4. Kopi dan paste kode berikut





    <style type="text/css">
    #rp_plus_img{height:350px;overflow:hidden;border:solid 0px #585858;padding:6px 10px 14px 5px;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:60px;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:11px;}
    #rp_plus_img .news-text{display:block;font-size:10px;font-weight:normal !important;color:#282828;text-align:justify;}
    #rp_plus_img img{float:left;margin-right:14px;padding:4px;border:solid 0px #585858;width:55px;height:55px;}
    </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://web-xplore.googlecode.com/files/recentpostslidethumbnails.js"></script>
    <script type="text/javascript">
    var speed = 400;
    var pause = 2500;
    $(document).ready(function(){
    rpnewsticker();
    interval = setInterval(rpnewsticker, pause);
    });
    </script>
    <ul id="rp_plus_img">
    <script style="text/javascript">
    var numposts = 25;
    var numchars = 75;
    </script>
    <script src="/feeds/posts/default?orderby=published&alt=json-in-script&callback=rpthumbnt"></script>
    </ul>



  5. Untuk tulisan yang berwarna biru merupakan tinggi ruang widget
  6. Yang berwarna merah merupakan jarak keseimbangan antara artikel, kalau misalnya setelah di pasang dan ternyata jarak antara artikel berjauhan atau terdapat ruang kosong maka kurangi angkanya, dan sebaliknya kalau artikelnya bertindih berarti angkanya harus di tambah.
  7. Yang berwarna orange ukuran font judul 
  8. Yang hijau ukuran font isi artikel
  9. Kalau udah selesai klik Save (simpan)

Penulis : ADMIN ~ Sebuah blog yang menyediakan berbagai macam informasi

Artikel Cara Membuat Script Widget Recent Post Bergerak ini dipublish oleh ADMIN pada hari Sunday, July 15, 2012. Semoga artikel ini dapat bermanfaat.Terimakasih atas kunjungan Anda silahkan tinggalkan komentar.sudah ada 0 komentar: di postingan Cara Membuat Script Widget Recent Post Bergerak
 

0 comments:

Post a Comment

Zona Download Software Gratis
DESIGN
SECURITY
TOOLS WINDOWS
  • CamStudio 8  (Tool untuk merekam layar komputer ke format video)
INTERNET
AUDIO/VIDEO
OTHERS