Ote sob.. Terima kasih telah berkunjung diblog Haba Sinyak ini, kali ini saya akan bagikan tentang Cara Buat Slideshow Posting Diblog, kalau sobat ingin pasang slideshow supaya blog anda kelihatan cantik ini saya bagikan untuk anda-anda sekalian dan supaya tambah juga ilmu kalian dalam dunia ngeblog. di bawah ini adalah contoh slideshownya.
Cara ini sebenarnya sangat mudah cuma tinggal Copas aja alias Copy Paste. Bagi yang tidak sabar ingin pasang Slideshow diblog anda silahkan ikuti langkah langkah berikut ini.1. Login ke akun blogger anda
2. pilih Tata letak
3. Pilih Tambahkan Gadget
4. Pilih HTML/javascript
5. Kemudian copy kode dibawah ini dan pastekan di HTML/javascript
<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 = 20;
var numchars = 40;
</script>
<script src="/feeds/posts/default?orderby=published&alt=json-in-script&callback=rpthumbnt"></script>
</ul>
Catatan:
#ffffff; Warna background
#EFFBEF; Warna background saat disorot kursor
#d90000; Warna Judul Postingan
var numposts = 20; Jumlah postingan yang akan di tampilkan
var numchars = 40; Jumlah character/huruf yang akan di tampilkan
#EFFBEF; Warna background saat disorot kursor
#d90000; Warna Judul Postingan
var numposts = 20; Jumlah postingan yang akan di tampilkan
var numchars = 40; Jumlah character/huruf yang akan di tampilkan
6. Simpan/Save dan selesai
Inilah yang dapat saya bagikan hari ini Cara Buat Slideshow Posting Diblog dan terima kasih atas kunjungannya tersegaja atau tidak.. :D tinggalkan juga jejak kalian dengan berkomentar dibawah ini..
No comments:
Post a Comment