Membuat Image Slider Responsive

    Slider Image yang biasa disebut juga slideshow gambar ini sangat banyak dipergunakan untuk keperluan web.Terutama saya,saya baru menemukan website online yang bisa membuat image slider responsive dengan menentukan gaya slideshow serta width dan height sesuai keinginan sendiri.Image slider ini saya gunakan untuk menampilkan gambar-gambar jersey yang saya taruh di web saya , yaitu www.jersey-jr.com.Setelah sobat membuka web tersebut,sobat akan melihat image slider / slideshow gambar tepat di bawah menu navigasi.Ukuran image slider itu pas sekali dengan place/tempat tersebut.


  Mengapa saya mengatakan responsive???heheeh :D , lihat saja di website tersebut,lihat dan amati.Bagi saya image slider itu sudah responsive yang tentunya fast loading.Mungkin bagi sobat yang khawatir website sobat menjadi berat untuk loading, saya memberi saran agar tidak membuat image slider ini.Membuat image slider ini sangat mudah kok,hanya memilih gaya style slideshow , menentukan ukuran image slider , memasukkan gambar yang diinginkan serta menuliskan teks dalam gambar image slider masing-masing tersebut.


Berikut Caranya :

  • Sebelum membuat image slider, buatlah akun Cincopa sobat terdahulu,dengan hal ini agar lebih cepat, saya menggunakan "Sign Up With Facebook"
  • Setelah membuat akun, klik tulisan "Create A New Gallery" di sebelah pojok kanan berwarna oranye.
  • Untuk tutorial ini,pilihlah "PHOTOS" dan jangan memilih tombol yang lain seperti Videos.Karena kita akan membuat image slider, bukan video slider slideshow.Dan jangan lupa,pilihlah SKIN/Style yang anda inginkan, jika ragu-ragu memilih sudah disiapkan tombol "PREVIEW".
  • Setelah itu,kalian harus mengisi form-form untuk membuat image slider tersebut.Tanpa saya pandu,mungkin anda sudah bisa mengisi form-form tersebut.
  • Setelah mengisi form-form yang harus ditulis,kita akan mencapai titik terakhir tutorial ini.Web tersebut dengan otomatis akan menampilkan HTML yang harus anda copy-pastekan di widget/gadget blog yang berada pada "Tata Letak"
  • Dan jangan lupa memilih html untuk blogger agar tidak terjadi kesalahan.
Nah,berikut adalah hasil image slider yang telah saya buat :
Mungkin image slider dibawah ini akan terjadi kesalahan sedikit.Tetapi dalam widget/gadget akan tertata rapih di blog/web anda !

Related Posts :

1 komentar-facebook:

Teuku Taufik delete September 20, 2014 at 1:43:00 PM GMT+7

Wew..! keren nih gan ijan nyoba, thx 4 share :)