-->

Kamis, 22 Desember 2011

Cara membuat Slide Show Postingan

author photo

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.

This post have 0 komentar


EmoticonEmoticon

Next article Next Post
Previous article Previous Post