Rabu, 13 Mei 2009

Membuat mini font pada jommla

Halaman utama sebuah website memiliki peran yang sangat penting bagi para pengunjung untuk mencari informasi yang dibutuhkan secara cepat dan menarik. Pada beberapa website portal, kombinasi antara teks, gambar, animasi, dan media lainnya dapat diatur sedemikian rupa sehingga tidak terkesan “semrawut”. Tema berita juga dapat ditempatkan secara terstruktur tanpa mengurangi keindahan tampilan.
Website yang dibuat dengan Joomla! mampu merealisasikan kebutuhan tersebut dengan cara menambahkan component, module, dan plugin sehingga sebuah berita terbaru maupun terpopuler dapat ditempatkan pada bagian yang jelas (eye catching). Hal ini dapat memberikan perhatian khusus dari para pengunjung.
Ada banyak cara untuk menampilkan berita/artikel dengan tujuan memberikan informasi kepada pengunjung tentang menarik dan up to date. Salah satunya adalah membuat beberapa halaman depan mini (Mini Frontpage) yang dapat menampilkan gambar dengan ukuran kecil, lengkap dengan deskripsi artikel tersebut.

A. Mengenal Mini Frontpage

Frontpage umumnya tampil di halaman utama, lengkap dengan gambar sebagai ilustrasi dan kalimat pembuka dari berita/artiel yang dimaksud. Jumlah artikel yang akan ditampilkan dalam frontpage juga dapat diatur sesuai kebutuhan.  Dengan memanfaatkan ekstensi dari pihak ketiga, frontpage dengan ukuran kecil (mini) dapat ditampilkan di halaman utama dan dapat diatur berdasarkan Section dan Cetogory. Dengan memanfaatkan mini frontpage, berita maupun artikel menjadi semakin informatif.

mini-utama



Module untuk menampilkan mini frontpage bervariasi, ada yang gratis namun ada pula yang berbayar. Buku ini menyertakan file pendukung untuk menginstal mini frontpage yang gratis, jadi tidak perlu membayar atau mendownload terlebih dulu

B.    Menginstal Mini Frontpage

  1. Untuk melakukan instalasi, pilih menu Extensions > Instal/Uninstall.
    mini-1



  2. Tekan tombol Browse untuk menentukan lokasi file.
    mini-2

  3. Temukan file mini frontpage.
    mini-3

  4. Jika sudah yakin, tekan tombol Open.
    mini-4

  5. Klik tombol Upload File & Install untuk melakukan proses instalasi.
    mini-5

  6. Tunggu beberapa saat hingga proses instalasi selesai. Jika telah berhasil akan muncul informasi bahwa proses instalasi berhasil
    mini-6

  7. Selanjutnya mengatur parameter untuk menampilkan berita melalui module Mini Frontpage di halaman utama.



C.    Mengatur Parameter Mini Frontpage
Module mini frontpage memiliki halaman untuk mengatur tampilan, jumlah artikel, besarnya gambar (thumbnail), artikel yang ditampilkan, dan pengaturan lainnya. Sebelum mengatur parameter terlebih dulu harus mengetahui ID Section, ID Category, dan ID Article karena nomor identitas tersebut (ID) digunakan sebagai pengaturan parameter untuk menampilkan artikel.

  1. Pertama kali, periksa nomor ID Section dengan cara memilih menu Content > Section Manager.
    param-1

  2. Apabila telah berada di halaman Section Manager, nampak daftar nama section yang telah dibuat sebelumnya. Pada kolom paling kanan nampak nomor ID, nomor identitas tersebut yang nantinya akan digunakan untuk mengatur parameter Mini Frontpage dalam ruang lingkup Section.
    param-2

  3. Setelah mencatat ID masing-masing Section, langkah selanjutnya mencatat ID Category. Untuk itu, pilih menu Content > Category Manager.
    param-3

  4. Pada halaman Category Manager, nampak beberapa Category yang telah dibuat sebelumnya dan pada kolom paling kanan tertera nomor identitas (ID). Nomor identitas ini juga akan digunakan untuk mengatur parameter Mini Frontpage dalam ruang lingkup Category. Catatlah nomor identitas tersebut.
    param-4

  5. Selanjutnya, pilih menu Content > Article Manager untuk mencatat nomor identitas masing-masing artikel.
    param-5

  6. Catatlah semua ID artikel berdasarkan Category dan Section.
    param-6

  7. Langkah selanjutnya mengatur parameter Mini Frontpage, pilih menu Extensions > Module Manager.
    param-7

  8. Pada halaman Module Manager temukan module Mini Frontpage.
    param-8

  9. Editlah Mini Frontpage dengan cara mengklik nama module tersebut.
    param-9

  10. Setelah berada pada halaman Module [Edit], nampak beberapa informasi yang harus diatur yaitu: Details dan Parameters. Untuk Details, atur Show Title = Yes, Enabled = Yes, Position = Right, dan Access Level = Public.
    param-10

  11. Untuk Parameters, perlu beberapa pengaturan namun akan dijelaskan secara bertahap. Atur Enabled Cache = No, pada kolom Section masukkan ID Section yang akan ditampilkan. Dalam buku ini, ID yang dimasukkan adalah 5 (Section Olah Raga), kemudian masukkan ID Category. Dalam hal ini, beberapa ID Category yaitu: 34, 35, 36, 37 (Sepak Bola, Bulu Tangkis, Tenis Meja, dan Catur).
    param-11

  12. Untuk pengaturan lainnya, aturlah sesuai kebutuhan.
    Thumbnail Position = posisi gambar (thumbnail), sebelum judul/kategiru atau setelah judul/kategori.
    Show Category Title = Judul kategori ditampilkan (Show atau Hide).
    Frontpage Items = Item ditampilkan difrontpage (Yes atau No).
    Display Article Title = Judul artikel ditampilan (Show atau Hide).
    Title Link = Judul artikel dalam bentuk Link (Yes atau No).
    Display Author = Nama penulis ditampilkan (Yes atau No).
    Display date articles created = Tanggal pembuatan artikel ditampilkan (Yes atau No)
    Limit Intro = Batas maksimal kalimat pembuka (formatnya karakter).
    param-12

  13. Untuk mengatur format tampilan dan ukuran gambar, aturlah beberapa spesifikasi.
    Number of columns     = Jumlah kolom untuk menampilkan mini frontpate.
    Number of Articles to display     = Jumlah artikel yang akan ditampilkan
    Number of Introtext / Hide Introtext = Jumlah kalimat pembuka yang akan ditampilkan.
    Show thumbnails = Thumbnail ditampilkan (Show atau Hide).
    Thumbnail Image Width = Lebar thumbnail (formatnya pixel).
    Thumbnail Image height = Tinggi thumbnail (formatnya pixel).
    Preserve Aspect = Rasio thumbnail.
    Header Title for another articles link = Judul teks untuk artikel lainnya.
    param-13

  14. Langkah terakhir adalah melihat hasilnya di halaman utama. Maka akan nampak tampilan Mini Frontpage seperti nampak pada gambar berikut.
    param-14sumber.www.slametrianto.net

Terkait

Description: Membuat mini font pada jommla Rating: 4.5 Reviewer: Unknown ItemReviewed: Membuat mini font pada jommla
Al
Mbah Qopet Updated at: 20.39

0 komentar:

Poskan Komentar