Skip to main content

Memasang Slideshow Artikel



Disini saya akan share Bagaimana Cara Memasang Slideshow Artikel seperti blog ini, silahkan anda lihat pada bagian sidebar atau sebelah kanan. Slideshow ini berguna untuk menarik pengunjung agar lebih cepat membaca atau mengeklik postingan yg sudah kita buat dan sekaligus memperindah Blog kita.
yakan ? hehehe 
Penasaran ?

Berikut Step by step-nya 
  • Login ke akun blog anda
  • Pilih Tata Letak dan Tambahkan Gadget
  • Pilih HTML/javascript


  • Copy kode di bawah ini dan paste-kan di dalam kotak HTML/JavaScript tadi.

<style type="text/css">
#rp_plus_img{height:480px;overflow:hidden;border:0;padding:2px 3px 3px 2px;background:transparant}
#rp_plus_img ul{list-style-type:none;margin:0;padding:0}
#rp_plus_img li{border:solid 1px #ccc; margin:0;height:82px;padding:5px; list-style:none;-moz-border-radius: 10px; border-radius: 5px}
#rp_plus_img li:hover{background-color: #DDDDDD;}
#rp_plus_img a{color:#ff0000;font-weight:bold}
#rp_plus_img .news-title{display:block;font-weight:400 !important;margin-bottom:3px;font-size:11px;}
#rp_plus_img img{float:left;margin-right:10px;padding:4px;border:solid 1px #ccc;width:65px; height:65px;-moz-border-radius: 10px; border-radius: 5px;}
</style>
<script type="text/javascript" src="https://googledrive.com/host/0B5sQWUCcoyPGeUdscG5OSklmbFk/"></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 style="text/javascript">
var numposts = 20;
var numchars = 40;
</script>
<script src="/feeds/posts/default?orderby=published&alt=json-in-script&callback=rpthumbnt"></script>
</ul>
  • Simpan atau Save
  • Selesai...

Keterangan :
#DDDDDD : Warna saat disorot kursor
#ff0000 : Warna Judul Postingan
var numposts = 20 : Jumlah postingan yang akan di tampilkan
var numchars = 40 : Jumlah character/huruf yang akan di tampilkan


Untuk memilih warna, silahkan klik ini -» Kode Warna

Baca juga  CSS3 Animated Bubble Buttons 

Masih belum faham ?
Silahkan berkomentar.

Terima kasih dan Semoga bermanfaat 



Ad by Adsterra