Software Engineering || SMK Negeri 1 Mejayan

Monday, February 02, 2015

Membuat Slide Show pada Drupal 7.34

Oke... Melanjutkan posting-an kemarin saya akan menuliskan cara membuat slideshow di web drupal 7.34. 
Langsung aja yahh...


A. Download Module nya

Untuk membuat slideshow dibutuhkan beberapa module yg mendukung. Yaitu Nivo Slider
7.x-1.11 , Libraries API 7.x-2.2 , jQuery Update 7.x-2.5 dan jQuery Plugins 7.x-1.0 . Module-module tersebut dapat di download di website resmi drupal (https://www.drupal.org/). Caranya :

1. Buka website drupal , masuk menu "Modules". Kemudian ketikkan "Nivo slider" di kolom search. Klik "Nivo Slider".


Scrool page nya kebawah , maka akan muncul module - module lain yg diperlukan seperti Libraries API  , jQuery Plugins dan jQuery Update. Disitu juga dituliskan bagaimana cara instalasi nya.


Terus scrool lagi kebawah sampai ada menu untuk download module nivo. Silahkan download sesuai versi drupal kalian.



2. Setelah proses download selesai , lakukan hal yang sama untuk mendownload module Libraries API , jQuery Plugins dan jQuery Update nya.







B. Instalasi Module

Setelah selesai didownload , saat nya untuk proses instalasi. Caranya :
1. Buka dashboard drupal kalian. Masuk Menu "Modules" , klik "Install new module



Module yg diinstall pertama kali adalah Nivo Slider. Klik "Browse" dan cari dimana kalian menyimpan file nya. Klik "Open" dan "Install"..



Setelah proses instalasi selesai , klik "Enable newly added modules



Lakukan hal yang sama pada instalasi module Libraries API , jQuery Plugins dan jQuery Update nya. 

2. Setelah keempat module tersebut diinstall aktifkan module tersebut dengan cara masuk menu "Structure" --> "Blocks".
Scrool page nya kebawah sampai kalian menemukan module-module yg tadi diinstall. Beri tanda checklist pada module Libraries , Nivo Slider , jQuery plugins dan jQuery Update. Klik "Save configuration"


Setelah itu akan muncul page seperti dibawah ini. Klik "Run cron"

  
3. Kemudian masuk menu "Blocks" dan cari module "jQuery plugins" disini kita akan mengganti versi jQuery nya , klik "Configure





3. Masuk Windows Explorer , copy file Nivo-Slider-master.zip yg tadi didownload ke direktori C:/xampp/htdocs/coba(nama folder drupal)/sites/all/libraries
Jika folder libraries tidak ada maka buat saja sendiri folder libraries nya. Exctract file nya dan rename menjadi "nivo-slider"



C. Membuat Picture Slideshow

Setelah menginstall beberapa module diatas baru kita bisa membuat picture slideshow nya.
1. Masuk menu "Structure --> Nivo Slider


2.  Setelah itu klik "Browse" dan cari gambar mana yang akan dibuat slideshow. Gambarnya harus lebih dari satu ya.. Klik "Save configuration"



3. Atur tempat slideshow nya dengan cara masuk menu "Blocks" dan klik "Demostrate block regions (Bamboo)





4. Atur dimana slideshow nya akan diletakkan dan setelah selesai jadinya seperti ini :


Sekian tutorial kali ini , maaf kalo ada kesalahan. Terima Kasih...

  1 comment:

  1. mantap.......tapi langkah yang terakhir saya masih blum bisa di blocknya itu untuk menempatkan slidernya?

    ReplyDelete