Sekarang saya akan berbagi dengan kawan Cara Membuat Slide dengan bermacam-macam mode :q; disamping pembuatannya sangat simpel sekali alias dengan istilah tak pakai ribet, karena penempatannya semua pada gadget yang berarti tidak menyentuh Template kawan :y;
Caranya :
- Masuk Account Blogger dengan ID kawan
- Pada Dasbor pilih Tata Letak - Tambahkan Gadget
- Pilih tanda [+] pada HTML / JavaScript
- Copas Kode berikut kedalamnya
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' type='text/javascript'></script>
<script type="text/javascript" src="https://sites.google.com/site/blogbegocreation/file/cycle.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$('#content-slider').cycle({
fx: 'scrollDown'
});
});
</script>
<style type="text/css">
#content-slider {position: relative; width: 260px; height: 250px; overflow: hidden; margin:0 auto; border:0px solid #333;}
#content-slider img {display: block; width: 260px; height: 250px;}
</style>
<div id="content-slider">
<img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiREH5Vnck2MbbufRlZ85g3wdVayLJdRMIimWe0P-PJQsl0DraYKcfJgEH-aXDOICJD315DD_3GwK6ImqzkoCetBbLifCVVrNE_8yj0ixxUm9KM377w7bp1CcjLXOaYJPae8XOWA6dafMs/s1600/Kreasi+BB2+GPLUS.png" /><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh98FiUTQqQkPOFIES8Vn1hfK7uI5ukdW2YJLKZj7Rwvjubc9FXJdiAaLYEF5qqCZz98iHNd5WEdSfqojfzs02FU1Rt-UjZ6HhKow-zMhoUtf-vKq7BHbMTwPaXY90ZzEvyaxOxotwdIiw/s1600/Kreasi+BB1.png" /><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEixq9rECMs-M3fex9lQcZAW_7_j4qF7u1bLv5MqC1i-Zfr-EBnhQKkRJmAw9arfpSoEj4nlW230Q2FKr_M5r5XzfUbjTNtcdi_6zDCiATak2R6IfPphQ3fMNf-slCwvHCCnJJCvhuQR8BI/s1600/Kreasi+BB2.png" /><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhg1cnOvoI-vvd684KVsUyyV071m6WVEWrQWH1Otm0sIfPwvI5muMBT3gbQQkrLD2bkYE8L3akFtWZMXIXxt41putXKcfNwS56MXDQvpie3obW1E1lCZBA01E8-hR4q_jq9eJBqkmgmrF4/s1600/Kreasi+Kolom.png" /></div></div>
Silahkan kawan ganti teks yang saya beri warna merah seperti width dan height sesuai penempatan dan selera kawan
Ganti URL image saya yang berwarna violet dengan image kawan, soal banyak silahkan disesuaikan
Teks yang berwarna Biru adalah Mode Efek Slide silahkan ganti dengan pilihan berikut :
Refrensi : Zhinto
0 Kommentare:
Kommentar veröffentlichen