DDBlock merupakan slideshow yang memungkinkan title dan preview text dimunculkan bersamaan dengan gambar.
Hasil akhir tutorial akan tampak seperti gambar dibawah ini:
Pada praktek tutorial ini, saya menggunakan thema
garland dan menempatkan DDBlock pada region
Footer.
Tutorial ini merupakan saduran dari tutorial yang ada di
http://ddblock.myalbums.biz.
Namun saya sendiri awalnya kebingungan menerapkan langkah demi langkah
tutorial tersebut. Boleh dikatakan saya lebih banyak gagal mencoba.
Mungkin karena proses yang njelimet dan ada kemungkinan salah satu
langkah terlewatkan. Setelah sering mencoba berbagai metode, sekarang
sudah lumayan
friendly.
Semoga tulisan tutorial saya tidak menambah kebingungan anda.
Sebelum masuk ke tutorial, terlebih dahulu simpan 3 gambar dibawah ini ke local disk anda sebagai bahan praktek nantinya.
Tutorial ini saya bagi dalam 5 tahapan :
-
Instalasi.
-
Download dan Konfigurasi File-file Tambahan.
-
Konfigurasi DDBlock.
-
Pengisian Konten.
-
Pengaturan posisi block.
I. INSTALASI
Terlebih dahulu pastikan modul-modul dibawah ini sudah terinstalasi pada folder
sites/all/modules.
setelah menginstal kemudian meng-
enable kan modul-modul tersebut. Klik link
administer-->site building-->module.
Pastikan sub modules dibawah ini di checklist:
-
CCK - content
-
ImageCache - ImageAPI
-
ImageCache - ImageCache (optional)
-
ImageCache - ImageAPI GD2 (optional, only if you enabled Imagecache - Imagecache.)
-
Imagecache - ImageCache UI (optional, only if you enabled Imagecache - Imagecache.)
-
User Interface - jQuery Update
-
Views - Views
-
CCK - content copy
-
CCK - file field
-
CCK - Text
-
Others - Dynamic display block
-
Views - Views exporter
-
Views - Views UI
-
CCK - Image Field
Klik tombol Save.
.
Selanjutnya atur permission pada link
administer-->user management --> permission. Jika anda User ID 1, mengatur permission boleh nanti-nanti saja, kecuali kalo anda
logout dan melihat sbg
anonymous user.
II. DOWNLOAD DAN KONFIGURASI FILE-FILE TAMBAHAN.
Extract keduanya dan simpan di komputer anda terlebih dahulu.
Hasil extract Export_files_V1.6.zip berisi 3 file yaitu:
1. news_item_cck_export.txt, 2. template_php.txt, 3. views_export.txt
a. Membuat Content Type News Item.
Buka isi file news_item_cck_export.txt dengan macromedia dreamweaver atau notepad. Copy dan paste kan seluruh isi file tersebut ke web kita melalui link administer-->content management -->content type--> tab Import, dan letakkan pada kolom Import data. Lihat gambar di bawah ini :
Selanjutnya tekan tombol Import.
b. Membuat Views news_item.
Pada file views_export.txt, copy dan paste kan seluruh isi file tersebut ke web kita melalui link administer-->site building -->views --> tab Import, dan letakkan pada kolom Paste view code here. Lihat gambar di bawah ini :
kemudian tekan tombol Import dan Save pada halaman views berikutnya.
c. Modifikasi file template.php
Sementara pada file template.php.txt perlakuannya agak
berbeda, nanti ada modifikasi sedikit. Setelah file template.php.txt
dibuka, copy dan pastekan seluruh isi file ke dalam file template.php
(dibuka jugafile ini) yang ada pada folder thema kita (contoh saya
menggunakan garland, file template.php ada pada folder
sites/themes/garland). Letakkan hasil copyan di baris paling akhir.
Hasilnya seperti gambar dibawah ini dan langsung kita modifikasi.
pada gambar yang ditunjukkan dengan panah merah diatas, tulisan
<?php dihapus, kemudian tulisan [THEME_NAME] diganti dengan nama
thema kita. Dalam kasus saya ini saya ganti dengan nama garland. Lihat
hasil perubahan pada gambar dibawah ini.
Sampai disini, perubahan pada file template.php belum selesai, masih
ada satu [THEME_NAME] yang harus diganti dengan nama thema yang sedang
kita gunakan. Anda bisa mencarinya sendiri seperti gbr dibawah ini.
Apa yang harus dilakukan pada folder Export_files_V1.6 sudah selesai dan sekarang masuk pada giliran folder upright10-50.
Pada Upright 10-50, folder CUSTOM berikut sub-sub
folder yang ada didalamnya di copy kan, ke folder thema kita. Contoh
saya menggunakan thema default garland yang berada dilokasi folder
themes/garland.
(gambar dibawah ini adalah gambar hasil extract file di local disk)
Hasil susunan folder menjadi seperti gbr dibawah ini:
(gambar dibawah ini gambar hasil paste susunan folder ke web drupal dengan thema garland)
Jadi susunan folder dengan thema garland menjadi ......../themes/garland/custom/modules/ddblock.....dst-nya.
Bagian rumit saya kira sudah selesai sampai disini. Selanjutnya kita masuk ke bagian Konfigurasi DDblock.
III. KONFIGURASI DDBLOCK.
Klik Admin--> Site Configuration --> Dynamic Display Block
a. pilih tab Settings.
-
Pada bagian content types : pilih (check list) News Item
-
Pada bagian blocks : pilh (check list) views - News item slideshow
-
Klik Save configuration
b. tab Instance.
-
Klik tab Instance yang berada disebelah kiri tab Settings tadi.
-
Ketikkan ddblock-News item slideshow pada kolom Instance Title.
-
Pilih views - News item slideshow pada kolom Block Types.
-
Klik tombol Add Instance
c. tab List
Pada list dengan nama ddblock-News item slideshow, klik link configure block . Atur konfigurasi seperti gambar dibawah ini:
Dilatihan ini kita memilih Display Method: cycleblock dan
Template DDBlock : Upright20. Selain yang tampak pada gambar, biarkan
settingan lain dalam kondisi default. Klik
Save.
IV. PENGISIAN KONTEN
Mengisi konten sudah umum seperti biasa, klik Admin-->Create Content-->News Item.
Content 1--->Title : Ini Judul 1
Pager item text : Ini pager text 1
Slide Text: Ini slide text 1
Image : banner11go.jpg
Body : Body siapa yang satu ini...
Content 2--->Title : Ini Judul 2
Pager item text : Ini pager text 2
Slide Text: Ini slide text 2
Image : banner12go.jpg
Body : Body siapa yang dua ini...
Content 3--->Title : Ini Judul 3
Pager item text : Ini pager text 3
Slide Text: Ini slide text 3
Image : banner13go.jpg
Body : Body siapa yang tiga ini...
peringatan : setiap konten harus dipublish (kalo tidak slideshownya gak muncul). Content Type yang anda impor sebelumya memiliki publishing option yang defaultnya belum terpublish. Centangkan pada Published.
V. PENGATURAN POSISI BLOCK.
Kalo kita periksa admin-->site building-->block, maka kita akan melihat muncul block baru yang bernama ddblock-News item slideshow.
Letakkan pada region yang anda sukai. Pada kasus ini block tsb saya letakkan pada region footer. Klik Save.
Lihat hasil kerja anda.
Tingkat selanjutnya anda bisa menggunakan pager berupa gambar dan
tulisan pager item dengan memilih DDblock template yang lain. Untuk
menggunakan pager gambar harus disertai dengan pengaturan imagecache.
Selain itu, DDBlock juga masih bisa dimodif ukuran gambarnya (height
& width), warna background slide text, background tombol read more
atau background block secara keseluruhan. Ini bisa dilakukan dengan css
dan penambahan/edit image background pada template DDblock yang kita
pilih.
SEMOGA TUTORIAL INI MEMBANTU.
rteindent1
EmoticonEmoticon