Yang berbeda adalah efek transisinya. Yang ini menggunakan gaya random square. Jadi, pergantian gambarnya berkotak-kotak, gitu!
Cara membuat Slide Show yang ini saya peroleh dari http://workshop.rs/projects/coin-slider/
Seperti tutorial slide show sebizaku yang lain, ini bukan sekadar kopas. Saya telah mencobanya dan berjalan dengan baik. Buktinya, sample image sudah saya ganti dengan gambar dari blog saya (nanti Anda bisa ganti dengan image pilihan Anda sendiri)
Jika cara memasang slide show Random Square ini anda ikuti dengan hati-hati, kemungkinan gagal sangat tipis.
Spesifikasi Slide Show Coin Slider
Slide Show Random Square ini di samping menggunakan jquery ajax.googleapis.com juga menggunakan jqucoin-slider sendiri.
Antar alain adalah:
1. Pergantian image (transition effect) menggunakan gaya random square yang atraktif.
2. Skrip tidak terlalu banyak. Instalasinya cukup mudah
3. Bidang text muncul dari bawah ke atas dan menghilang ke bawah.
4. Untuk menyesuaikan dengan bidang template, Anda cukup mengubah satu bagian pada width dan heigh saja. Yang lain otomatis menyesuaikan diri.
Cara memasang Slide Show di template Anda
1. Masuk ke Akun/dashboard Anda
2. Pilih Template, lalu Edit HTML.
3. Backup dulu untuk menjaga kemungkinan buruk.
4. Temukan kode seperti ini: ]]> </skin>
5. Copy dan paste-kan code berikut sebelum kode ]]> </skin>
8. Masuk ke: Tata Letak >
9. Klik: tulisan Add New Widget
10. Pilih HTML/Javascript, kemudian letakkan kode berikut:
Jika cara memasang Slide Show benar, dapat dilakukan Ubah-suai
1. Perhatikan text-area pertama. Hanya cukup sekali mengatur width= dan height=. Yang lain menyesuaikan diri.
1. Lalu, lihat juga pada text-area kedua. Sudah ada contoh untuk mengganti ALAMAT POSTING dan ALAMAT IMAGE ANDA. Tinggal ganti saja.
Tidak sulit, bukan?
Jika cara membuat slide show ini gagal.
Jika gagal ya, hanya karena telah terjadi conflict dengan kode javascript sebelumnya. Maka, terserah Anda, pertimbangkan mana yang lebih penting, yang kurang penting bisa diihapus.
Namun, jika sudah begitu, masih gagal juga, mohon saya diberi tahu lewat komentar di bawah posting. Kalau berhasil, gak beritahu juga gak pa-apa! Yang pasti, saya ikut senang jika Anda senang. Success4U.Whienda.
0 comments:
Post a Comment