Cara Membuat Slide Keren dan Mudah di Blog

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.
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 src='https://yourjavascript.com/53816065231/Database5.js' type='text/javascript'></script>
<script type="text/javascript" src="https://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: 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/JavaScript

4. 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…

    Heru Arya

    Blogger kelahiran Bengkalis yang sudah jadi mantan Mahasiswa Pertanian. Sekarang sedang sibuk diam biar punya banyak emas.

    Leave a Reply

    Your email address will not be published. Required fields are marked *