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…

    Pangeran Wortel

    Blogger dari Kab. Bengkalis. Sukanya ngisi waktu luang untuk buat video, nulis di blog, desain feed instagram #bukanfakta dan kadang suka sendiri di pantai. Salam kenal..

    Leave a Reply

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