Mungkin bagi teman-teman ada yang belum tahu, apa sih slide show itu ?. Penjelasan sederhananya adalah Slide show itu sebuah tampilan visual gambar yang bergerak atau berganti secara berurutan dalam hitungan waktu tertentu dan di gerakan oleh sebuah script. Contohnya bisa seperti yang anda lihat pada tampilan header blog saya.
Untuk membuat nya anda hanya perlu copy paste script berikut ini ke dalam HTML blog anda. Berikut scriptnya:
<script src='http://yourjavascript.com/53816065231/Database5.js' type='text/javascript'></script>
<script type="text/javascript" src="http://yourjavascript.com/65160840132/cycle.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$('#content-slider').cycle({
fx: 'fade'
});
});
</script>
<style type="text/css">
#content-slider {
position: relative;
width: 100%;
height: 250px;
overflow: hidden;
margin:0 auto;
}
#content-slider img {
display: block;
width: 950px;
height: 120px;
}
</style>
<div id="content-slider">
<img src="URL Foto 1" />
<img src="URL Foto 2" />
<img src="URL Foto 3" />
<img src="URL Foto 4" />
</div>
Yang diperlukan disini adalah sebelumnya anda sudah upload foto terlebih dahulu diblog. Foto itu nanti yang akan dipakai untuk foto slide show anda. Lihat URL untuk foto atau image anda, copy alamatnya kemudian paste pada tulisan URL Foto 1. Lakukanlah seterusnya untuk mengisi URL Foto 2, 3, 4.
Anda juga dapat menambah foto lagi sebagai slide show dengan copy script foto (<img src="URL Foto " />) untuk menambah baris lanjutan yang letaknya dibawah script foto URL foto 4 (<img src="URL Foto 4" />)
contoh:
<img src="URL Foto 1" />
<img src="URL Foto 2" />
<img src="URL Foto 3" />
<img src="URL Foto 4" />
<img src="URL Foto 5" />
Untuk foto pada slide show bisa anda rubah ukurannya yaitu dengan merubah nilai pixelnya , pada script sudah saya tandai dengan warna biru, unutk lebar pada bagian width dan untuk tinggi pada bagian height :
#content-slider img {
display: block;
width: 950px;
height: 120px;
}
Nah bagi Anda yang mungkin belum tahu bagai mana mengetahui cara melihat alamat atau URL untuk foto caranya seperti ini.
Anda masuk kedalam album foto anda terlebih dahulu, kemudian pilih foto yang akan anda copy alamat URL nya. klik kanan pada foto > kemudian view image.
Oke. .! jika sudah tahu alamat url foto anda, langsung saja kita buat slide show nya. Pertama perkirakan dulu pada bagian mana slide show akan di taruh apakah bagian header, kanan blog, atau tengah blog. Selanjutnya langung kita copy file script untuk slide show di atas. keudian masuk ke Blog > Tataletak > Tambah Gadget > pilih Html/Javascript
Setelah itu paste file yang telah anda copy sebelumnya.
kemudian pilih simpan. Maka file tersebut akan menjadi slide show.
Nah akhirnya selesai juga penjelasan saya, Langsung saja coba Anda praktekan pada blog Anda. Silakan bertanya jika ada sedikit kendala dalam mencobanya.
Oke,. sekian dari saya mohon ma'af apa bila ada kesalahan, dan apa bila ada kelebihan mudah-mudahan bisa menjadi manfa'at.
Jangan lupa coment dan sarannya.
Terimakasih. . .
.png)
.png)
Postingan
