Cara Membuat Slide dengan beberapa Mode Efek

Putu BlogBego - Sabtu, 24 Agustus 2013 - 10:23 wita
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="http://1.bp.blogspot.com/-LhRaT3iWwEM/UbrVvd3zmlI/AAAAAAAAHcI/XWGpjzD4AUg/s1600/Kreasi+BB2+GPLUS.png" /><img border="0" src="http://2.bp.blogspot.com/-p684_2dLkME/UbrVmbJdC0I/AAAAAAAAHcA/Fz7KLPp-6tY/s1600/Kreasi+BB1.png" /><img border="0" src="http://4.bp.blogspot.com/-RRNdsft6yJk/UbrVvas9EeI/AAAAAAAAHcM/U-p0isMVp_k/s1600/Kreasi+BB2.png" /><img border="0" src="http://4.bp.blogspot.com/-wQuUsSRafVk/UbrV5ELRrGI/AAAAAAAAHcY/cdaqxnCONqM/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 :

scrollUp - scrollDown - scrollLeft - scrollRight - slideX - slideY - shuffle - turnUp - turnDown - turnLeft - turnRight - zoom - fadeZoom - blindX - blindY - blindZ - growX - growY - curtainX - curtainY - cover - uncover - toss - wipe - fade


Refrensi : Zhinto 


Berbagi Artikel :

Cara Membuat Slide dengan beberapa Mode Efek
Rate this posting:
{[["☆","★"]]}

Kalau pada Artikel Cara Membuat Slide dengan beberapa Mode Efek
kurang jelas atau ada Artikel, Link yang tak jalan / rusak bisa disampaikan lewat Komentar
mudah-mudahan saya bisa segera memperbaiki
---ooOOOoo---
P.pw - Shorten urls and earn money!

Artikel Menarik Lainnya

About me


Saya hanyalah Manusia Biasa ingin memberi kan yang Terbaik, walau itu belum tentu Terbaik bagi Kawan....

1 komentar:

BERIKAN KOMENTAR SESUAI TOPIK
DENGAN BAHASA YANG SOPAN,
JANGAN MENGHINA, SARA / ETNIS DAN SPAM ATAU PAKAI NAMA ANONIM

Klik Emoticon untuk melihat Kodenya

Dapatkan Update Terbaru
BlogBego Creation
Langsung di Email Kawan




»
BANNER [300x250]
Protected by Copyscape Web Copyright Protection Software
Open Cbox
© 2013 - BLOGBEGO CREATION | Powered by Blogger
Design Template by : Blogger Edan