Widget artikel terkini dengan efek sliding - Hallo sahabat Cara Sign Up, Pada Artikel yang anda baca kali ini dengan judul Widget artikel terkini dengan efek sliding, kami telah mempersiapkan artikel ini dengan baik untuk anda baca dan ambil informasi didalamnya. mudah-mudahan isi postingan Artikel widget, yang kami tulis ini dapat anda pahami. baiklah, selamat membaca.

Judul : Widget artikel terkini dengan efek sliding
link : Widget artikel terkini dengan efek sliding

Widget artikel terkini dengan efek sliding

Widget dari blogger kebanyakan adalah dalam bentuk statik.Dengan sedikit ubahsuai dengan menjadikan ia bergerak akan nampak lebih menarik lagi.Widget ini seakan seakan seperti pada artikel cara pasang widget animated recent post tetapi lebih menarik lagi kerana tidak meninggalkan ruang kosong apabila bertukar artikel.

Langkah langkah bagi membuatnya:
1.Masuk kedashboard blogger
2.Pilih layout....Add a gadget

3.HTML/Javascript
4.Masukkan kod dibawah ini

 <div style="margin-bottom: 15px;">
<style type="text/css">
#rp_plus_img{height:287px;overflow:hidden;border:solid 0px #585858;padding:1px 5px 14px 1px;background-color:none;}
#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:70px;padding:1px;list-style:none;}
#rp_plus_img a{color:#3366ff;}
#rp_plus_img .news-title{display:block;font-weight:bold !important;margin-bottom:5px;font-size:12px;}
#rp_plus_img .news-text{display:block;font-size:12px;font-weight:normal !important;color:#282828;text-align:justify;}
#rp_plus_img img{float:left;margin-right:10px;padding:1px;border:solid 1px #cccccc;width:60px;height:65px;}
</style>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<script type="text/javascript" src="http://slide-down-recent.googlecode.com/files/Slide%20Down%20Recent%20Post.js"></script>
<script type="text/javascript">
var speed = 400;
var pause = 3500;
$(document).ready(function(){
rpnewsticker();
interval = setInterval(rpnewsticker, pause);
});
</script>
<ul id="rp_plus_img">
<script style="text/javascript">
var numposts = 20;
var numchars = 60;
</script>
<script src="/feeds/posts/default?orderby=published&alt=json-in-script&callback=rpthumbnt"></script>
</ul>

</div>

Nota:
a)kod berwarna oren adalah kecepatan berpindah dari post ke post
b)kod warna merah pula adalah jumlah artikel yang hendak dipaparkan
c)kod berwarna hijau masa berhenti/pause
 Yang boleh anda ubahsuai jika diperlukan


5.Kemudian klik save untuk menyimpan widget anda.

Demikianlah Artikel Widget artikel terkini dengan efek sliding

Sekianlah artikel Widget artikel terkini dengan efek sliding kali ini, mudah-mudahan bisa memberi manfaat untuk anda semua. baiklah, sampai jumpa di postingan artikel lainnya.

Anda sekarang membaca artikel Widget artikel terkini dengan efek sliding dengan alamat link http://carasignup.blogspot.com/2014/06/widget-artikel-terkini-dengan-efek.html

Tweet