Assalamualaikum sahabat Wortel’s, jangan lupa dijawab salamnya dulu. Kalo udah, gue kali ini mau bongkar rahasia membuat Slide seperti yang gue pake di TulisanWortel.com, soalnya ada beberapa temen blogger request Cara Membuat Slide di Blog.
BACA JUGA : Cara Gratis Buat Video Slideshow
Supaya gak pada bingung, gue langsung bahas tutornya, cekidott..
1. Jangan lupa buka Blogger.com, kemudian Tambah Gadget HTML/JavaScript
2. Silahkan Copy aja kodenya dibawah ini:
<
<
<script type="text/javascript">
$(document).ready(function() {
$('#content-slider').cycle({
fx: 'fade'
});
});
</script>
<style type="text/css">
#content-slider {
position: relative;
width: 100%;
height: 400px;
overflow: hidden;
margin:0 auto;
text-align:center;
}
#content-slider img {
display: block;
width: 100%;
height: 400px;
text-align:center;
}
</style>
<div id="content-slider">
<img src="Masukkan URL Gambar Slide anda disini" />
<img src="Masukkan URL Gambar Slide anda disini" />
<img src="Masukkan URL Gambar Slide anda disini" />
</div>
3. Pastekan pada HTML/JavaScript4. Setelah selesai, jangan lupa di SAVE.
5. Setelah berhasil, pindahkan posisi Gadget Slide sesuai keinginan kita. Untuk memindahkannya pada Tata Letak.
Cara mengganti :
width: 100%; Lebar ukuran slide.
height: 400px; Tinggi ukuran slide.
text-align:center; Posisi Slide (Kiri = Left, Kanan= Right, Tengan= Center)
Itulah tadi Cara Membuat Slide Keren dan Mudah di Blog untuk mempercantik blog kalian. Semoga bermanfaat. See you…
