Headlines News :
Home » » Menampilkan Postingan dalam bentuk Slide show di Blog

Menampilkan Postingan dalam bentuk Slide show di Blog

Written By Al Az Ari on Senin, 04 November 2013 | 01.18

Cara Memasang Slideshows Postingan di Blog  - 
Sebenarnya saya sebelumnya sudah memposting mengenai cara memasang slideshow ini di permathic blog. namun belakangan script slideshownya tidak berfungsi lagi yang mungkin dikarenakan url pada google code ada yang tidak bisa di akses lagi. hal ini membuat saya tertantang untuk mencoba memperbaikinya. saya utak  atik sampai cenat cenut scriptnya, akhirnya saya mendapat script kode  yang lebih simple. dengan tampilan yang tidak jauh berbeda dengan sebelumnya. Nah,, biar ada tidak penasaran , berikut langkah2nya.



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>

Save.

Maksih zobat...... Silahkan Berkomentar,.
Share this article :

0 komentar:

Speak up your mind

Tell us what you're thinking... !

jadilah bagian dari seribu orang yang menyukai blog ini, dengan mengikuti kami di Laman Facebook. Budidaya Pertanian, mengenai kritik dan saran kami sangat mengharapkan demi sempurnanya informasi yang kami sampaikan
 
Support : Facebook: AL AZ ARI/'>Ari Sandria | Agronomi Template
Proudly powered by Blogger
Copyright © 2011. AGRONOMI UNHAS - All Rights Reserved
Template Design by Creating Website Published by Mas Template