Sunday, 22 April 2012

Mebuat Slide Gambar Tapi Kaya Ada Efek Mantulnya

Beuh dari judulnya aja udah aneh , apalagi kalo udah di coba . . . pasti pada suka karena unik
yang dibutuhin langkah-lagkah nya kaya gini :

1. Login dulu ke blogernya masing-masin ( punya sendiri yah jangan minjem )
2. Klik Edit laman /  Lainya ( disamping entry ) / template (terserah tuh mau yang mana)
3. edit HTML
4. Cari kode </head> terus copast kode yang di bawah ini ( pake Ctrl+C ) terus paste di atas code </head>
     tadi
nih kodenya :
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js" type="text/javascript"></script>
terus di save , abis itu kita ke tata letak .....
-kalo udah terus klik add gadget / tambah gadget
terus copy kode di bawah n paste di kolom kosong di HTML/javasriptnya ( bukan di judul , kalo judul terserah mau namain apa aja bebas)




<script src=" http://kodecode.googlecode.com/files/animation1.js " type="text/javascript"></script><script src="http://kodecode.googlecode.com/files/animation2.js" type="text/javascript"></script><script src="http://kodecode.googlecode.com/files/animation3.js" type="text/javascript"></script><style type="text/css">.amdhas { height: 232px; width: 432px; padding:0; margin:0; overflow: hidden; -webkit-box-shadow: 2px 2px 4px #000;-moz-box-shadow: 2px 2px 4px #000;-moz-border-radius: 10px; -webkit-border-radius: 10px;}.amdhas img { height: 200px; width: 400px; padding: 15px; border: 1px solid #ccc; background-color: #f8f8ff;-webkit-border-radius: 10px;-moz-border-radius: 10px;}</style><div class="amdhas" id="ke2"> 
<img height="200" src="URL
GAMBAR DI SINI" width="400" /> 
<img height="200" src="URL
GAMBAR DI SINI" width="400" /> 
<img height="200" src="URL
GAMBAR DI SINI" width="400" /> 
</div><script type="text/javascript">$('#ke2').cycle({fx:'scrollDown',speedIn: 2000,speedOut: 500,easeIn:'bounceout',easeOut:
'backin',delay:-2000});</script> 






 kalo mau nambah gambar , kalian buat lagi script yang googlecode/animation1.js jadi animation2.js . animation3.js .......,,dst,,
sama Url Gambar di sini nya juga di ganti sama URL gambar kalian ( Cara Ngedapetin Url gambar klick kanan pada mouse tepat di gambar yang kalian inginkan terus pilih salin url gambar / copy image location )

imgheight adalah ukuran gambar, bisa di atur
sesuai selera
URL GAMBAR DI SINI adalah alamat gambar

0 comments:

Post a Comment

Mohon untuk berkomentar dengan kata-kata yang baik. Silahkan ajukan pertanyaan, insyaAllah saya jawab sebisanya