Sebuah tulisan dengan gambar yang terletak di kiri atas menjadi pemandangan umum dalam sebuah situs berita atau etalase barang. Kita akan membuatnya tertata otomatis dengan Drupal 6 dan modul pendukungnya.

Aktivasi modul:

1. Pasanglah modul Content Construction Kit, Content Templates, FileField, ImageAPI, ImageCache, ImageField dan Views.
2. Di menu Modules aktifkan ImageField, Views UI, Upload, ImageCache UI, ImageAPI GD2, dan Content Templates.

Membuat tipe konten:

1. Sekarang kita buat tipe konten baru bernama Barang yang memiliki fitur upload foto. Masuk ke menu Content management, Content types, Add content type. Isilah:
   • Name: Barang
   • Type: barang
   • Description: Produk fisik yang memiliki gambar di kiri atas

   Lalu simpan.

2. Pada baris Barang, klik Manage fields. Pada bagian New field:
   • Label: Foto
   • Field name: foto
   • Type of data to store: File
   • Form element to edit the data: Image

   Lalu simpan.

3. Lalu Anda diminta untuk mengisikan file extention foto yang diperbolehkan pada Permitted upload file extensions, kosongkan saja. Simpan.
4. Klik menu Display fields. Pada Label pilih Hidden, karena tulisan Foto tidak perlu tampak. Simpan.

Menata template:

1. Masuk ke menu Content management, Content Templates. Pada baris Barang, klik edit template. Pada bagian Body, aktifkan Affect body output.
2. Isi Body template dengan:
   

   <img src="/<?php print $node->field_foto[0]['filepath'] ?>" align="left">
   <?php print $node->content['body']['#value'] ?>

   
   Simpan.

Saatnya membuat tulisan pada menu Create content, Barang. Isilah Title, Body, dan Foto. Simpan, dan lihat hasilnya.

Selamat mencoba.