Integrasi Responsive Galleri Album Foto dengan CMS Balitbang

Pada tutorial kali ini akan saya tunjukan bagaimana memanfaatkan free template jquery slider galeri album photo di integrasikan dengan CMS Balitbang. Harapan saya, tutorial ini bisa menjadikan inspirasi bagi rekan-rekan semua.

lihat live demonya disini

Langsung saja langkah-langkahnya, sebagai berikut:

cara memasang ke cms balitbang

  1. Download source kodenya disini
  2. Extract file dan copykan ke folder root cms
    • localhost(xampp): htdocs/namacms
    • hosting: public_html
  3. untuk membukanya:

    akan tampil judul album dan jumlah foto dimasing-masing album, tinggal klik judul albumnya otomatis akan keluar semua photo dialbum tersebut, untuk melihat detail perfoto klik di salah satu fotonya dan geser ke kanan dan ke kiri untuk pindah dari satu foto ke foto lainnya, untuk mengakhiri klik tombol close priview

cara membuat menu galeri photo

  • login Administrator
  • klik Setting Admin -> menu & profil
  • klik edit di menu Galeri Photo yang difaultnya di bawah menu Fitur, akan muncul gambar seperti berikut

menu profil

  • ubah bagian berikut ini lihat gambar

Menu Utama : Tidak ada   (jika ingin dijadikan parent menu)

Link : ../album (link album yang baru yaitu namahost/album

Target : Blank (untuk membuka jendela baru di Browser)

Urut: 5 (sesuaikan kebutuhan)

  • tekan tombol Simpan , untuk menyimpan perubahan
  • jalankan website -> klik menu Galeri Photo

Catatan

default album yang diload sebanyak 20 album terbaru, klo ingin dirubah bisa di file index.php nya

sekian dulu tutorial yang sederhana ini semoga bermanfaat.

Salam Hangat Selalu

About arisddg31

Saya seorang guru TIK di SMA Negeri 3 Kota Sukabumi asal dari Kota Wates Jogjakarta

Posted on Februari 28, 2013, in CMS Balitbang, Tutorial. Bookmark the permalink. 5 Komentar.

  1. link not found pa… untuk lihat demonya

  2. bisa dikirimkn k email saya tidak pa,, saya ingin mencobanya
    tdi_setiawan@yahoo.co.id
    salam

  3. Untuk menampilkan Slide Show Foto Album dihalaman depan Web gimana pak?? boleh saya diberikan trik dan tipsnya..trim?

Tinggalkan Balasan

Isikan data di bawah atau klik salah satu ikon untuk log in:

Logo WordPress.com

You are commenting using your WordPress.com account. Logout / Ubah )

Gambar Twitter

You are commenting using your Twitter account. Logout / Ubah )

Foto Facebook

You are commenting using your Facebook account. Logout / Ubah )

Foto Google+

You are commenting using your Google+ account. Logout / Ubah )

Connecting to %s

%d blogger menyukai ini: