Cara Membuat Postingan Slide

sudah banyak cara yang di tampilkan pada sidebar blog salah satunya dengan adanya Postingan Slide yang bisa membuat postingan terbaru kita akan menarik dan tentunya bisa membuat kita kebanjiran pengunjung di blog. pada kesempatan ini saya akan membahas cara membuat postingan slide seperti blog Gema Santri yang berada di sidebar. nah kalau sobat berminat silahkan ikuti kiat-kiatnya dibawah ini.

1. silahkan langsung menuju blog sampean

2. pilih setelan tata letak 

3. masukkan kode di bawah ini dengan mengeklik tambah widget

4. taruh kodennya di javascript/HTML

<style type="text/css">
#rp_plus_img{height:328px;overflow:hidden;border:solid 1px #00FF00;padding:6px 10px 12px 5px;-moz-border-radius: 5px; -khtml-border-radius: 5px; -firefox-border-radius: 5px;-opera-border-radius: 5px;-webkit-border-radius: 5px;}
#rp_plus_img ul{list-style-type:none;margin:0;padding:0}
#rp_plus_img li{border:1px; margin:0; padding:0; list-style:none;}
#rp_plus_img li{height:70px;padding:0px;list-style:none;}
#rp_plus_img a{color: #000000;}
#rp_plus_img .news-title{display:block;font-size:11px;font-weight:bold !important;color:#000000;text-align:left;}
#rp_plus_img .news-text{display:block;font-size:12px;font-weight:normal !important;color:#000000;text-align:left;}
#rp_plus_img img{float:left;margin-right:5px;padding:4px;border:solid 1px #00ff00;width:40px;height:40px;}
</style>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js" type="text/javascript">
</script>
<script src="http://tabviewgemasantri.googlecode.com/files/slidepost.js" type="text/javascript">
</script>
<script type="text/javascript">
var speed = 1000;
var pause = 3500;
$(document).ready(function(){
rpnewsticker();
interval = setInterval(rpnewsticker, pause);
});
</script>
<ul id="rp_plus_img"><script>
var numposts = 50;
var numchars = 80;
</script> <script src="http://razz-xp.blogspot.com/feeds/posts/default?orderby=published&amp;alt=json-in-script&amp;callback=rpthumbnt">
</script>

ket. yang warna biru atas adalah judul postingan. yang warna hijau decrition postingan yang warna kuning silahkan kalian ganti url blog dan yang warna merah adalah jumlah decription blog kalian. perhatian kalau yang berwarna pink sobat bisa hapus kalau javascript jquery sobat sudah ada.

5. setelah langkah-langkah ini kalian terapkan silahkan langsung saja di simpan/save.

lihat hasilnya kalau belum mengerti tentang artikel  Cara Membuat Postingan Slide silahkan tinggalkan komentar dibawah. semoga artikel ini bisa bermanfaat buat sobat.

Posted in: Tutorial