Sebelumnya kita pernah membahas bagaimana membuat foto-foto di blog kita menjadi lebih menarik dengan membuat galeri sistem slideshow dan galeri sistem scroll yang dipasang di blog yang kita miliki. Entah itu kemudian dipasang di artikel blog, maupun dipasang di sidebar agar selalu terlihat oleh setiap pengunjung.
Nah, pada kesempatan ini, saya akan membahas sesuatu yang lebih menarik lagi. karena sepertinya tidak banyak blogger membahas tentang hal ini, yaitu terkait cara membuat galeri slideshow dengan tombol next and prev di artikel blog. Sehingga dengan menggunakan tombol ini, pengunjung blog yang melihat foto kita di blog bisa mempercepat atau memperlambat foto yang ditampilkan dengan sesuka mereka.
Coba sahabat perhatikan Contoh Galeri Foto Ber-Tombol yang saya buat di bawah ini :
Tertarik untuk membuat galeri foto ber-tombol seperti di atas? mungkin temen-temen bisa mengikuti langkah-langkah berikut :
Memasukan Kode HTML di artikel :
seperti biasa, pada dasarnya kita bisa menempatkan galeri foto slideshow bertombol ini di artikel ataupun di sidebar. Jika ingin meletakannya dalam artikel, kita harus meletakan nya dalam mode HTML, bukan compose. Setelah kita meletakan kode tersebut di mode HTML, kita tidak akan melihat hasilnya jika kita mengubah kembali penulisannya ke mode Compose. Jadi, sebaiknya, selesaikan saja dulu penulisan artikel nya hingga selesai. kemudian kita baru pergi ke mode HTML dan menambhakan script kode tersebut. lalu klik Publish artikelnya.
Cek artikel kalian apakah gambar slideshow tersebut tampil dengan baik. Jika tidak tampil, coba saja periksa apakah sript yang tadi kita letakan ada atau tidak (barangkali memang tidak ada).
Baca Juga :
Cara Membuat Galeri Slideshow Ber-Tombol di artikel blog
Cara Membuat Galeri Slideshow di artikel Blog
Cara Membuat Galeri Foto Scroll di artikel Blog
Cara Mendapat dolar di blog
Daftar Artikel Blog
Tertarik untuk membuat galeri foto ber-tombol seperti di atas? mungkin temen-temen bisa mengikuti langkah-langkah berikut :
Gambar di atas sebenarnya merupakan file java script yang saya dapat dari sebuah situs yang memang bergerak dalam bidang pembuatan galeri. Silahkan temen-temen kunjungi situs Berikut Ini : Situs Slideful Lalu buat akun disana (agar Lebih Nyaman)
Setelah kalian mengunjungi situs tersebut, upload Foto-foto yang ingin kalian masukan di dalam galeri lalu pilih berbagai pengaturan yang ingin kalian buat. Saya yakin kalian cukup bisa mengikutinya. Tapi jika kalian sedikit bingung, bisa kunjungi blog milik aliusmanhs yang dengan cukup jelas bagaimana melakukan pengaturan pada situs slideful.
Tambahan : Tampilan situs berubah
Setelah kalian selesai memberikan pengaturan kalian akan menemukan tampilan halaman sebagai berikut :
Simpan code HTML yang diperoleh dari slideful untuk nanti kita masukan ke dalam artikel blog yang kita miliki. Silahkan saja coba keduanya. barangkali salah satu kode tidak bekerja dengan baik.
Setelah kalian mengunjungi situs tersebut, upload Foto-foto yang ingin kalian masukan di dalam galeri lalu pilih berbagai pengaturan yang ingin kalian buat. Saya yakin kalian cukup bisa mengikutinya. Tapi jika kalian sedikit bingung, bisa kunjungi blog milik aliusmanhs yang dengan cukup jelas bagaimana melakukan pengaturan pada situs slideful.
Tambahan : Tampilan situs berubah
Setelah kalian selesai memberikan pengaturan kalian akan menemukan tampilan halaman sebagai berikut :
![]() | |
Pilih : path 1 |
![]() |
Pilih Short HTML code |
![]() |
Boleh Pilih kode HTML atas maupun Bawah |
Simpan code HTML yang diperoleh dari slideful untuk nanti kita masukan ke dalam artikel blog yang kita miliki. Silahkan saja coba keduanya. barangkali salah satu kode tidak bekerja dengan baik.
Memasukan Kode HTML di artikel :
seperti biasa, pada dasarnya kita bisa menempatkan galeri foto slideshow bertombol ini di artikel ataupun di sidebar. Jika ingin meletakannya dalam artikel, kita harus meletakan nya dalam mode HTML, bukan compose. Setelah kita meletakan kode tersebut di mode HTML, kita tidak akan melihat hasilnya jika kita mengubah kembali penulisannya ke mode Compose. Jadi, sebaiknya, selesaikan saja dulu penulisan artikel nya hingga selesai. kemudian kita baru pergi ke mode HTML dan menambhakan script kode tersebut. lalu klik Publish artikelnya.
Cek artikel kalian apakah gambar slideshow tersebut tampil dengan baik. Jika tidak tampil, coba saja periksa apakah sript yang tadi kita letakan ada atau tidak (barangkali memang tidak ada).
Baca Juga :
Cara Membuat Galeri Slideshow Ber-Tombol di artikel blog
Cara Membuat Galeri Slideshow di artikel Blog
Cara Membuat Galeri Foto Scroll di artikel Blog
Cara Mendapat dolar di blog
Daftar Artikel Blog
Thanks idenya bro... sedang improvisasi blog nih hehehe... boleh singgah di blog saya bro dan kasi masukkan jg gpp... matur suwun bro!
ReplyDeletesama-sama kang... terima kasih sudah berkunjung... saya kunjungi... :)
Deletepagi, sekarang saya sedang memperaktekan cara"nya do"akan semoga berhasil ya
ReplyDeleteaminnn... semoga berhasil... :)
DeleteTks gan artikelnya, sedang eksperimen nih untuk bisa buat galeri di dalam artikel postingan :D
ReplyDeleteKeren, langsung ke tkp
ReplyDeleteTerimakasih atas artikelnya. saya sangat terbantu sekali.
ReplyDelete@baranddtr_mahmud
kagak tampil sob!
ReplyDeleteSemuanya sudah bener (sepeti yang situlis di atas) belum? barangkali pilih script yang satu lagi. Coba aja.
DeleteKalau slidenya dibuat support mobile itu gimana ya om?
ReplyDeleteSoalnya ane coba, kalo dibuka lewat mobile, slidenya kebesaran..
Mohon pencerahannya