Cara Membuat Slide Show Artikel di Blog

Kali ini saya akan Menbagikan script kode slideshow yang lebih simple. dengan tampilan yang tidak jauh berbeda dengan sebelumnya. Nah,, biar anda tidak penasaran , "Tips Blogging" berikut langkah2nya.

Login ke Blog Sobat
Pilih rancangan (untuk tampilan blogger lama) atau pilih tata letak (untuk tampilan blogger tampilan baru)
Kemudian klik tambah gadget
Lalu pilih HTML/Javascript
Kemudian cukup di copy aja kode slide show dibawah ini, kemudian pastekan ke HTML/Javascript tadi, lalu di Save/di Simpan, Jadi deh slide show nya, gampang kan !!!!!

<style type="text/css"> <style type="text/css"><br /> #rp_plus_img{height:385px;overflow:hidden;border:0;padding:6px 10px 14px 5px;background: transparant;}<br /> #rp_plus_img ul{list-style-type:none;margin:0;padding:0}<br /> #rp_plus_img li{border:solid 1px #585858; margin:0; padding:0; list-style:none;}<br /> #rp_plus_img li{height:85px;padding:5px;list-style:none;}<br /> #rp_plus_img a{color:#FFFF00;}<br /> #rp_plus_img .news-title{display:block;font-weight:bold !important;margin-bottom:4px;font-size:12px;}<br /> #rp_plus_img img{float:left;margin-right:14px;padding:4px;border:solid 1px #585858;width:65px;height:65px;}<br /> </style><br /> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script><br /> <script type="text/javascript" src="http://my-project-rony.googlecode.com/files/cara%20aa%20Haji%20rony.js"></script><br /> <script type="text/javascript"><br /> var speed = 1500;<br /> var pause = 3500;<br /> $(document).ready(function(){<br /> rpnewsticker();<br /> interval = setInterval(rpnewsticker, pause);<br /> });<br /> </script><br /> <ul id="rp_plus_img"><br /> <script style="text/javascript"><br /> var numposts = 80;<br /> var numchars = 90;<br /> </script><br /> <script src="/feeds/posts/default?orderby=published&alt=json-in-script&callback=rpthumbnt"></script><br /> </ul> <br /> <div> <br />

Note :
Jika Postingan nya dilampirkan gambar, maka secara otomatis pada slideshow postingan dibagian kiri nya akan ada gambar tersebut, tapi jika sebalik nya maka bagian kotak/gambar disebelah slideshow nya akan berbentuk silang atau (X), untuk itu disarankan pada sahabat-sahabat bloger agar melampirkan gambar disaat memposting tulisan nya hal itu bisa menambah cantik dan menarik blog sobat

Sumber :
http://permathic.blogspot.com/2012/12/cara-membuat-slideshow-postingan-di-blog.html 

~~~~~Semoga Bermanfaat~~~~

Tweet