Cara memasang SlideShow di Blog

Home
Contact
- Google+
- Blogger
- Facebook
- Email
Categories
Anime
- Winter
- Summer
- Spring
Staf
- Staf a
- Staf b
- Staf c
Portfolio
Guestbook

Cara memasang SlideShow di Blog

Posted by : Marketing IndiHome Rabu, 19 Desember 2012

Slide Show yang ini lebih menarik. Sekilas memang mirip dengan Slide Show sebelumnya. Skrip yang digunakan tidak terlalu banyak sehingga tak terlalu mempengaruhi loading. Instalasinya juga cukup sederhana.
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>

6. Kode di text-area di bawah ini, diletakkan sebelum kode:</head>

7. Jika sudah, Save.
8. Masuk ke: Tata Letak >
9. Klik: tulisan Add New Widget
10. Pilih HTML/Javascript, kemudian letakkan kode berikut:

<div id='coin-slider'> <a href="#" target="_blank">        <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh92Udp04txLnrkYN7btYf2WgftAWoaiNxqA-CVzJB5Y3u7EMmjVKD-5RMAhBgW_jyM0_Epzk_XTWv0Kb1F1fQ9dqWqedVgjlgPVJ5-HdI2yQiAlM4DDWWChHr6CRkk_wfMqm7vXulE_s4/s1600/nature+01.jpg" />        <span>    Bayangan selalu lebih besar dari aslinya, apapun itu! Gagal maupun sukses.        </span>    </a>    <a href="#" target="_blank">        <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiS2c9wqHIR4UOKll_6d5grDghLDU6WFHZQpOmYefk5rMNh1Eer9Eb0b3g56T-Gppb-FktqL0GYXfwAhyphenhyphenwCAjiSKXlQUdvcIOyUKnA5hQ2DjmDP4Hf5bYqcrtNb46TkomyuazspotEwiVw/s1600/nature+03.jpg" />        <span>Memang baik menjadi orang penting, tetapi lebih penting menjadi orng baik         </span>    </a> <a href="#" target="_blank">        <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEicxZjY9NG0QjeKHgWVFAB35ieDNAXmvgslIwlBaFVG_La_rrfUrP3pZI2m0P1Sr8UPeJl7GOrulpDPRicufJRPyowMO_3J9pvnEihQ24BtYR9OJHPXqd-qUpugv5VDSphB9iv7XiRjpdU/s1600/nature+02.jpg" />        <span>    Tak seorang pun dapat membuat Anda sakit hati, kecuali Anda menghendakinya.         </span>    </a> <a href="#" target="_blank">        <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhi9VOuKpmcGfeVDmVax1XexnVGysUSIPTpHT6geCDQfcbITwneo9Qnt8jh5F9qwfuE4jb2cXVuw-kMLVvpRbprEEyiDKd0YfizkqOQlDT3enTdmOd0Z1e41hp7OER-F_Qz0C40aIUpOH4/s1600/nature+04.jpg" />        <span>    Apapun yang Anda pikirkan, gagal atau sukses adalah benar.         </span>    </a> </div>

11. Terakhir, Simpan.

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.