Cara membuat Slide Show Postingan


Kali ini Ansyari akan memposting Cara membuat Slide Show Postingan yang ansyari kemas secara tajam dan mendalam (heheheh....... Acem berita aja, maaf Gan).
Widget ini berguna juga melihat tampilan yang kamu posting secara menurun seperti hujan yang jatuh kebawah.
Langsung saja ea ansyari mulai langkah-langkahnya.

  1. Pertama kamu Harus Login ke Blogger
  2. Kalau sudah maka tampil Dashbor, dan klik Rancangan.
  3. Klik tambah Tambah Gagdet Pilih dech


4. Copy Kode dibawah ini :


<style type="text/css">
#rp_plus_img{height:212px;overflow:hidden;border:solid 1px #585858;padding:6px 10px 14px 5px;background-color:#2f2f2f;}
#rp_plus_img ul{list-style-type:none;margin:0;padding:0}
#rp_plus_img li{border:0; margin:0; padding:0; list-style:none;}
#rp_plus_img li{height:60px;padding:5px;list-style:none;}
#rp_plus_img a{color:#FFF;}
#rp_plus_img .news-title{display:block;font-weight:bold !important;margin-bottom:4px;font-size:11px;}
#rp_plus_img .news-text{display:block;font-size:11px;font-weight:normal !important;color:#DEDEDE;text-align:justify;}
#rp_plus_img img{float:left;margin-right:14px;padding:4px;border:solid 1px #585858;width:55px;height:55px;}
</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://blogansyari.googlecode.com/files/Recent%20Post%20By%20Blog%20Ansyari.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 = 250;
</script>
<script src="/feeds/posts/default?orderby=published&alt=json-in-script&callback=rpthumbnt"></script>
</ul>
5. Pastekan di HTML/JavaScript, Lihat Gambar Dibawah Ini :


6. Simpan dan Lihat Hasilnya. atau Demo
7. Selamat Mencoba.
Gimana Tidak susahkan Sahabat Bloankers, tapi jangan lupa koment-koment dan like Facebooknya. Gambir Serawak
0 Komentar untuk "Cara membuat Slide Show Postingan"

Back To Top