.jpg)
Cara Memasang Slide Show Artikel
B.U.S - Wooow kini dan sampai kapanpun daftar artikel seperti Arsip Blog memang berguna bagi pengguna untuk si pengunjung blog, tapi bagaimana ketika si pengunjung masuk ke blog kita dan si pengunjung mulai bosan melihat tampilannnya yang gitu-gitu aja, dan lalu sejak saat inipun ingin sekali membuat tampilan yang baru.
Sebetulnya banyak cara agar tampilan daftar artikel menjadi menarik, salah satunya seperti kita tambahkan tampilan Slide Show, jadi dalam kesempatan kali ini saya akan share bagaimana cara Memasang Cara Memasang Slide Show Artikel dengan sangat mudah, ini dia !!penggemar!!
berikut langkah-langkahnya :
1. Masuk ke Blogger.
2. Lalu masuk ke Tata Letak lalu pilih Tambahkan Gatget, dan tambahkan HTML/JavaScript.
3. Salin dan Tempel kode berikut di bawah ini ke dalamnya,
<style type="text/css">
#rp_plus_img{height:385px;overflow:hidden;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;border-radius: 10px;background:#ffffff}
#rp_plus_img li:hover{background-color: #EFFBEF;}
#rp_plus_img a{color:#d90000;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;border-radius: 10px}
</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://tugasku4u.googlecode.com/files/Slideshow-artikel-terbaru-New-2013.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 = 999;
var numchars = 70;
</script>
<script src="/feeds/posts/default?orderby=published&alt=json-in-script&callback=rpthumbnt"></script>
</ul>
Keterangan:#rp_plus_img{height:385px;overflow:hidden;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;border-radius: 10px;background:#ffffff}
#rp_plus_img li:hover{background-color: #EFFBEF;}
#rp_plus_img a{color:#d90000;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;border-radius: 10px}
</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://tugasku4u.googlecode.com/files/Slideshow-artikel-terbaru-New-2013.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 = 999;
var numchars = 70;
</script>
<script src="/feeds/posts/default?orderby=published&alt=json-in-script&callback=rpthumbnt"></script>
</ul>
Sedikit saja ya !!penggemar!!
Numpost adalah jumlah artikel yang ingin di tampilkan, dan yang Numchars jumlah karakter/char/huruf yang ingin di tampilkan.
4. jika sudah klik Save/Simpan, dan coba lihat blog anda, mudah_mudahan akan berbeda.!!Heheh Bercanda!! Tentunya Blog anda pasti beda dari sebelumnya kok.
Ya mungkin cukup sekian dari saya tentang Cara Memasang Slide Show Artikel, terimakasih sudah mengunjungi Ghanishare, dan semoga bermanfaat.
0 komentar:
Post a Comment