NextGEN Gallery menggunakan kode tertentu yang disebut dengan istilah shortcode atau keyword untuk menampilkan image pada halaman blog. Shortcode tersebut ditulis di dalam tanda kurung siku dan diikuti dengan beberapa parameter yang menunjukkan bagaimana image tersebut akan ditampilkan.

Ada beberapa shortcode yang disediakan oleh NextGEN Gallery yaitu singlepic, nggallery, imagebrowser, slideshow dan album.

singlepic

Kode ini dipakai untuk menampilkan image/foto tunggal, bisa di halaman post maupun page.

Format: [singlepic id=ID_gambar w=lebar h=tinggi m=mode float=posisi]
Contoh: [singlepic id=7 w=320 h=240 mode=watermark float=left]

Ada dua mode yang didukung oleh NextGEN Gallery yaitu watermark dan web20. Mode web20 akan menampilkan gambar dengan efek bayangan (mirror) sedangkan watermark akan menampilkan gambar dengan tulisan di atasnya.

nggallery

Kode ini dipakai untuk menampilkan kumpulan image yang merupakan anggota dari suatu gallery.

Format: [nggallery id=ID_gallery]
Contoh: [nggallery id=1]

imagebrowser

Kode ini dipakai untuk menampilkan suatu gallery dengan tampilan satu gambar per halaman.

Format: [imagebrowser id=ID_gallery]
Contoh: [imagebrowser id=1]

slideshow

Kode ini dipakai untuk menampilkan suatu gallery dengan efek slideshow. Akan tetapi untuk bisa menggunakannya terlebih dahulu Anda harus menginstall JW Image Rotator seperti yang telah dijelaskan pada tulisan sebelumnya.

Format: [slideshow id=ID_gallery]
Contoh: [slideshow id=1]

album

Kode ini dipakai untuk menampilkan kumpulan gallery yang merupakan anggota dari suatu album.

Format: [album id=ID_album template=tampilan]
Contoh: [album id=2 template=extend]

Ada dua template yang disediakan NextGEN Gallery yaitu extend dan compact. Template extend akan menampilkan gallery dalam baris yang terpisah. Masing-masing baris terdiri dari judul gallery dan preview-nya. Sedangkan template compact akan menampilkan beberapa gallery dalam satu baris seperti tampilan pada Flickr.

Menampilkan Image di Halaman Blog

Anda tidak perlu menghafalkan shortcode tersebut satu persatu, karena NextGEN Gallery telah menyediakan kotak dialog untuk memudahkan Anda dalam menyisipkan image dalam halaman post/page.

Kotak dialog tersebut akan muncul jika Anda mengklik ikon kecil pada editor HTML seperti yang terlihat di gambar berikut ini.

Berikut ini gambar kotak dialog tersebut.

Ada tiga tab menu yang berguna untuk menyisipkan gallery, album atau image tunggal dalam halaman post/page. Gambar di bawah ini merupakan contoh tampilan foto dalam format nggallery.

(bersambung)

Tweet This Delicious Digg This Facebook MySpace Stumble This