Home » » Cara Gampang Membuat Slideshow Postingan Di Blog

Cara Gampang Membuat Slideshow Postingan Di Blog

Written By amieng cirata on Rabu, 02 Oktober 2013 | 17.03

Slideshow di blog adalah sebuah efek untuk menampilkan satu persatu gambar atau artikel postingan secara otomatis dan berurutan. Nah diartikel ini admin akan share cara membuat efek slideshow artikel postingan.
silahkan simak dibawah ini cara pembuatannya.

  1. Masuk ke dashboard lalu pilih Tata Letak atau Layout 
  2. Setelah masuk Layout lalu pilih HTML/JavaScript
  3. Nah yang terakhir copas kode di bawah ini
  4. <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://amieng-code-download.googlecode.com/files/Slideshow%20Postingan.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>
  5. Klik simpan
Selamat mencoba sob semoga berhasil
Share this article :
Comments
0 Comments

0 komentar:

Posting Komentar

 

Support : Copyright © 2013. DUNIA CORAT-CORET - All Rights Reserved
powered by Blogger