Membuat Halaman Galeri di Drupal Menggunakan Gallery Formatter


Keinginan membuat halaman galeri ini sebenarnya bermula ketika saya berkunjung ke halaman komunitas drupal Indonesia. Kemudian saya mencoba melihat – lihat isi websitenya dan masuk ke halaman galeri tempat dimana di halaman tersebut terdapat photo – photo kegiatan dari Drupal Indonesia.

Photo – photo yang ditampilkan dalam halaman tersebut sangat menarik sekali, menggunakan efek seperti slider dan preview yang sangat menarik dan juga pada saat photo di klik ada efek seperti lightbox.

Saya mencoba menari – cari internet tentang cara membuat halaman galeri seperti komunitas drupal dan akhirnya saya menemukan tutorialnya di Youtube dengan bahasa Ingris dan Prancis, Saya kurang mengerti penjelasannya karena Saya tidak menguasai bahasa ingris dengan baik, apalagi bahasa prancis. Tapi setelah diperhatikan kembali ternyata halaman galeri yang ada di komunitas drupal menggunakan module Gallery Formater dan Lightbox.

Nah disini yang akan saya bahas adalah tentang Membuat Halaman Galeri di Drupal Menggunakan Gallery Formatter tanpa efek lightbox. Berikut ini adalah cara – cara membuat halaman galeri di drupal menggunakan gallery formatter :

1. Siapkan dan install Module Gallery Formatter di website drupal anda
2. Pada halaman administrator klik menu Structure > Content type > Add
   Content Type 
membuat_halaman_galeri_didrupal_1

3. Kemudian selanjutnya akan muncul jendela berikut, isikan bagian name 
    missal dengan nama “Foto Mantan”. Klik Save and add fields 
membuat_halaman_galeri_didrupal_2

membuat_halaman_galeri_didrupal_3

4. Maka selanjutnya akan muncul tampilan berikut, tambahkan jenis type file
    baru ke add new field missal nama field nya adalah foto_mantan, field 
    typenya di save ke “image”. Klik Save
membuat_halaman_galeri_didrupal_4


5. Pada jendela berikutnya klik “Save and field settings” 
membuat_halaman_galeri_didrupal_5

6. Selanjutnya untuk label diisi dengan missal foto_mantan, centang alt field 
    dan title field, atur preview imagenya ke 100x100 dan number of values 
    diset ke unlimited. Klik Save settings 
membuat_halaman_galeri_didrupal_6

membuat_halaman_galeri_didrupal_7


7. Pada jendela “Manage Display” Lakukan penmgaturan seperti pada gambar 
   dibawah ini. Pada bagian filed foto_mantan set formatnya ke JQuery
   Gallery dan klik roda gigi pengaturan yang ada di sebelah kanannya 
membuat_halaman_galeri_didrupal_8


8. Bila roda gigi di klik akan muncul tampilan berikut , lakukanlah pengaturan 
    sesuai gambar yang Anda lihat di bawah ini. Klik Update 
membuat_halaman_galeri_didrupal_9


9. Tahap selanjutnya adalah membuat halaman galerinya.
10. Klik Content > Add Content > Foto Mantan (Sesuai dengan nama yang 
     dibuat) 
membuat_halaman_galeri_didrupal_11

11. Kemudian berilah judul dari galeri yang akan Anda buat missal Foto 
      Mantan 
membuat_halaman_galeri_didrupal_12


12. Untuk menambahkan banyak photo ke halaman tersebut Anda tinggal klik 
     Browse kemudian klik Upload, ulangi sampai semua foto yang Anda ingin 
     masukan ke dalam halaman tersebut sudah cukup 
membuat_halaman_galeri_didrupal_13


13. Kurang lebih nanti tampilan foto yang sudah di uploadnya akan
     ditampilkan seperti ini 
membuat_halaman_galeri_didrupal_14

14. Bila sudah selesai klik svae

Semua foto sudah selesai di upload, bila Anda ingin membuat halaman galer/foto yang lain Anda bisa mengulangi langkah 10 s.d 14. Foto yang ditampilkan pada halaman nantinya kurang lebih seperti ini 
Gallery Formater sudah jadi

Untuk Menabahkan efek lightbox pada saat gambar di klik, Anda bisa mempelajari artikel berikut Menambahkan Efek Lightbox2 Pada Module Gallery Formatter Drupal. Selamat mencoba semoga berhasil. 


Video Drupal 7 Simple Gallery Using Module Gallery Formatter

 

7 Responses to "Membuat Halaman Galeri di Drupal Menggunakan Gallery Formatter"

  1. wah, mantap atuh kang, nak di coba ini infonya kang, tapi masi mudeng :)

    ReplyDelete
    Replies
    1. maen coba aja...ngerti ge nggak jeh

      Delete

Komentar yang Anda kirim akan terlebih dahulu di moderasi oleh Admin

nagabet76slot gacorslot online1213141516Slot Online Menghadirkan Pengalaman Digital Yang Didukung Pemrosesan Data Secara Real TimeMahjongways Menganalisis Pola Visual Dan Dinamika Simbol Berdasarkan Pemrosesan Data DigitalMahjongways Mengembangkan Dinamika Permainan Melalui Pengelolaan Data Dan Elemen Visual TerintegrasiAnalisis Komputasi Modern Membantu Memetakan Dinamika Sistem Digital Berdasarkan Data ObservasiMember Baru Mendorong Dinamika Komunitas Digital Menuju Pengalaman Yang Lebih Aktif Dan Menarikslot onlinemahjongwayasarsitektur layananpemrosesan data adaptifmember baruSlot Online Terbaru Menghadirkan AnalisisScatter Hitam Dianalisis Melalui PemetaanPola Scatter Hitam Membentuk Distribusi Visual Yang Dapat Dikaji Menggunakan Komputasi AdaptifArsitektur Teknologi TerdistribusiTeknologi Visualisasi DataMahjongways Mengembangkan Interaksi Visual Melalui Integrasi Simbol Digital Yang DinamisAnalisis Mahjongways Memetakan Dinamika Visual Dan Respons Antarmuka Berbasis DataScatter Hitam Dianalisis Melalui Pemetaan Struktur Simbol Digital Berbasis Komputasi AdaptifAlgoritma Scatter Hitam Membantu Mengidentifikasi Dinamika Pola Melalui Analisis Data ObservasiPg Soft Mengembangkan Sistem Rendering Adaptif Untuk Mendukung Visualisasi Digital ModernTeknologi Pg Soft Mengoptimalkan Pemrosesan Grafis Melalui Arsitektur Rendering TerintegrasiTeknologi Pemodelan Data Membantu Menganalisis Dinamika Informasi Pada Ekosistem Digital ModernArsitektur Komputasi Terdistribusi Meningkatkan Keandalan Pengelolaan Data Pada Platform DigitalTeknologi Kecerdasan Komputasional Mendorong Pengembangan Sistem Digital Yang Lebih AdaptifPemrosesan Data Modern Membantu Memetakan Pola Informasi Melalui Pendekatan Komputasi TerukurTeknologi Integrasi Data Mempermudah Sinkronisasi Informasi Dalam Lingkungan Digital TerpaduVisualisasi Komputasi Modern Membantu Menginterpretasikan Perubahan Pola Pada Sistem Digital KompleksTeknologi Otomasi Data Meningkatkan Efisiensi Pengelolaan Informasi Pada Infrastruktur DigitalModel Komputasi Adaptif Mendukung Pengembangan Teknologi Digital Melalui Analisis Data BerkelanjutanPengembangan Pg Soft Mengintegrasikan Teknologi Rendering Dengan Interaksi Visual Yang ResponsifPg Soft Menerapkan Komputasi Visual Untuk Meningkatkan Efisiensi Pengolahan Elemen DigitalEksplorasi Scatter Hitam Memetakan Distribusi Simbol Melalui Model Analitik Digital TerintegrasiPola Scatter Hitam Dikaji Menggunakan Pendekatan Visualisasi Data Dan Pemodelan StatistikMahjongways Menghadirkan Pendekatan Visual Interaktif Melalui Pemrosesan Simbol Yang AdaptifEksplorasi Mahjongways Mengungkap Perubahan Pola Visual Dalam Lingkungan Digital Terintegrasikasino online dan strategi promosi kreatif dalam menarik perhatian penggunadaya tarik penawaran eksklusif mewarnai perkembangan kasino onlinekasino online menghadirkan inovasi kampanye digital yang semakin interaktifragam program promosi menjadi sorotan dalam ekosistem kasino onlinekasino online dan transformasi iklan digital menuju pengalaman lebih personalbagaimana kampanye kreatif membangun identitas brand kasino onlinekasino online mengembangkan konsep promosi visual di era media sosialstrategi penawaran dan komunikasi brand dalam industri kasino onlinekasino online dan peran konten promosi dalam membangun pengenalan merekeksplorasi konsep pemasaran modern membawa warna baru bagi kasino onlinemahjong online menghadirkan pengalaman hiburan digital dengan sentuhan modernpesona mahjong online dalam kampanye hiburan interaktif generasi barumahjong online dan inovasi visual yang membuat permainan semakin menarikstrategi branding kreatif mengangkat popularitas mahjong online di era mobilemahjong online membuka warna baru dalam promosi permainan bernuansa asiadaya tarik animasi dan desain eksklusif menjadi identitas mahjong onlinemahjong online dalam sorotan kampanye digital yang kaya kreativitassentuhan teknologi modern membentuk pengalaman baru dalam mahjong onlinemahjong online memperkenalkan konsep hiburan visual yang semakin dinamiseksplorasi tema oriental membawa mahjong online ke panggung hiburan modernmahjong ways menghadirkan sensasi hiburan digital dengan nuansa kemewahanpesona naga emas membawa mahjong ways ke pusat perhatian pecinta gamemahjong ways dan daya tarik pengalaman bermain dengan visual spektakulerjelajahi keindahan simbol klasik dalam petualangan digital mahjong waysmahjong ways tampil memikat dengan perpaduan tradisi dan teknologi modernkemeriahan festival oriental menjadi inspirasi kampanye mahjong waysmahjong ways membawa semangat hiburan baru melalui animasi penuh warnakilauan ubin emas memperkuat identitas visual mahjong ways di era digitalmahjong ways dan inovasi desain yang membangun pengalaman interaktifeksplorasi dunia mahjong ways melalui konsep hiburan bertema kerajaan asia