​

Membuat Slideshow Postingan di blog

Selamat malam sobat blogger, senang sekali rasanya bisa ada ide lagi untuk berbagi bersama sobat blogger semua. Kali ini saya mau berbagi sedikit tentang membuat slideshow postingan di blog.

Mungkin kalau yang biasa saja terkadang kit merasa bosan dan artikel yang sudah kita buat terkadang tidak kebagian untuk dibaca oleh pengunjung lainnya. Nah dengan adanya slideshow postingan diharapkan dapat membuat artikel yang lama dapat dibaca kembali karena dapat menampilkannya secara acak.

Untuk mempersingkat, langsung saja :
  • Klik tambah gadget terus pilih html/javascript
  • Kemudian masukkan script dibawah ini
    <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="http://thefreaks250.my-place.us/script/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>
  • Kemudian save
Mudah kan??silahkan sobat bereksperimen..Semoga artikelnya dapat bermanfaat :)



Related Articel:

Label:

No comments:

Post a Comment

Subscribe to: Post Comments (Atom)