Pages

Rabu, 02 Oktober 2013

Cara Gampang Membuat Slideshow Postingan Di Blog

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

1 komentar:

  1. Perkenalkan, saya dari tim kumpulbagi. Saya ingin tau, apakah kiranya anda berencana untuk mengoleksi files menggunakan hosting yang baru?
    Jika ya, silahkan kunjungi website ini www.kbagi.com untuk info selengkapnya.

    Di sana anda bisa dengan bebas share dan mendowload foto-foto keluarga dan trip, music, video, filem dll dalam jumlah dan waktu yang tidak terbatas, setelah registrasi terlebih dahulu. Gratis :)

    BalasHapus