Assalamualaikum Warahmatullahi Wabarakatuh

Tuesday 22 January 2013

Cara Membuat Slide Show Recent Posts di Blog

Kindly Bookmark and Share it:

Nah, sahabat... Pada kesempatan ini Info Bagus Fakta Bagus berbagi cara membuat Slide Show Recent Posts di Blog. Slide show ini memberikan fasilitas tampilan recent posts yang bergerak. Hal ini memberikan kepuasan mata dan batin yang sangat. Silakan baca dan praktikan melalui cara di bawah ini:

1. Login Ke Blog Anda
2. Pilih Rancangan (untuk tampilan blogger klasik) atau Pilih Tata Letak (untuk tampilan blogger terbaru)




3. Kemudian  Klik Tambah Gadget
4. Pilih HTML/javascript
5. Kemudian Copy Kode di bawah ini, kemudian pastekan di HTML/javascript tadi. kemudian simpan/save.

<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://permathicblog.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>
 


Bagi sahabat yang ingin melihat slide show recent post kami, bisa dilihat di slide show recentposts kami di bagian kanan atas blog ini.
Bila sahabat belum berhasil, coba lah lagi dengan sabar dan teliti. Bila juga belum berhasil bisa berkonsultasi dengan kami melalui komentar di bawah. 
Semoga bermanfaat kebaikan.

dikutip dari

1 komentar:

 

Followers

Powered by Blogger.