Search Engine Friendly untuk Joomla 1.5.x

- bazComp share -

Apa yang dimaksud dengan SEF? SEF singkatan dari Search Engine Friendly, yang fungsinya untuk memaksimalkan mesin pencari dalam mengindeks kata kunci sehingga memudahkan hasil pencarian yang mendekati kebenaran. Secara defalt, alamat URL pada Joomla sangat panjang misal: http://websiteku.com/index.php?option=com_content&view=article&id=5:joomla-license-guidelines&catid=25:the-project&Itemid=2.

Sekarang sudah tersedia beberapa ekstensi untuk mengubah alamat URL menjadi “bersahabat”. Ada beberapa ekstensi yang digunakan untuk mengatur tampilan URL. Untuk lebih jelasnya, silakan beli di alamat resmi Joomla http://extensions.joomla.org/extensions/site-management/sef/10134

Dalam studi kasus di sini, saya menggunakan Joomla! sh404SEF yang merupakan komponen keamanan dan mengelola judul dan meta tag: tag otomatis atau manual untuk setiap halaman. Ekstensi ini bekerja dengan atau tanpa file .htaccess. Jika Anda menggunakan beberapa component seperti Joomfish, sh404SEF sepenuhnya sangat kompatibel. Sistem caching untuk kecepatan tinggi dan sangat kecil DB query overhead.
Dukungan banyak komponen native,  menggunakan sef_ext dari OpenSEF / SEF Advanced. VirtueMart, FireBoard, Community Builder, mosetsTree, HotProperty, Sobi2, Docman, myBlog, iJoomla Magazine, News Portal, Remository dan banyak lagi native yang didukung.

1. Baiklah, pertama kali beli komponen sh404SEF di sini
2. Setelah tersimpan dalam komputer, masuk ke halaman Administrator lalu pilih menu Extensions > Install/Uninstall.
   
3. Klik tombol Browse untuk memilih file yang akan diupload
   
4. Pilih file sh404SEF lalu tekan tombol Open.
   
5. Klik tombol Upload File & Install untuk proses instalasi.
   
6. Tunggu beberapa saat hingga instalasi selesai.
   
7. Sekarang aturlah konfigurasi URL, klik tombol sh404SEF Configuration.
   
8. Aktifkan tab Main, lalu pilih Yes pada radio button.
   
9. Aktifkan tab By component, lalu atur semuanya pada kondisi use default handler.
   
10. Setelah selesai klik tombol Save untuk menyimpan.
    
11. Jika muncul pesan, klik tombol OK.
    
12. Lihatlah hasilnya, alamat URL sebelum menggunakan SEF.
    
13. Tampilan URL setelah menggunakan SEF.
    

readmore »»  

Menandai link menu dengan kata "..new" pada module Main Menu.

- bazComp share -

Mungkin banyak juga para Joomla web admin yang dipusingkan dengan permintaan penambahan link baru ke dalam menu (mod_mainmenu), dengan catatan link menu yang ditambahkan itu bisa lebih menarik perhatian pengunjung.
Cara yang lazim terlihat di website-website terkenal adalah dengan memberikan teks tambahan yang berbeda warnanya, misalnya "..new"

Jadi link yang awalnya berisi :

Info sehat

menjadi :

Info sehat ..new

dengan warna teks "..new" berbeda, misalnya berwarna merah.

Penggunaan metode ini cukup mampu menarik perhatian pengunjung website kita, sehingga tanpa kita beritahukan mereka telah tahu bahwa link "Info sehat" itu merupakan tambahan link menu yang terbaru, juga bagian dari promosi khusus.

Lalu bagaimana caranya implementasi ke dalam Joomla (versi 1.0.X dan versi 1.5.X) ??

Caranya yang coba saya tunjukan ini berupa mengedit langsung (core-hack) module default joomla yang bernama "mod_mainmenu".

Modifikasi khusus pengguna Joomla versi 1.0.X

Langkah-langkahnya :
1. Download terlebih dahulu file "modules/mod_mainmenu.php" langsung dari website Joomla anda
2. Gunakan text editor, buka / open file "mod_mainmenu.php"
3. Scrool ke baris nomor 112, yang berisi php script berikut ini :

$mitem->name = stripslashes( ampReplace($mitem->name) );

4. Tepat sesudahnya, tambahkan kode / php script berikut ini (copy + paste) :

//TAMBAHAN KHUSUS HINTS LINK MENU BARU
$mitem->name = str_replace(",new","{font color='red'}..new{/font}", $mitem->name);

catatan : ganti tanda { } dengan tag html (lebih besar atau lebih kecil)

5. Save hasil perubahannya, lalu tutup text editornya
6. upload kembali file "mod_mainmenu.php" ke folder "modules" di website Joomla anda.
7. Cara penggunaannya lihat di bagian bawah artikel ini.


Modifikasi khusus pengguna Joomla versi 1.5.X

Langkah-langkahnya :
1. Download terlebih dahulu file "modules/mod_mainmenu/legacy.php" dari website Joomla anda
2. Gunakan text editor, buka / open file "legacy.php"
3. Scroll ke baris nomor 121, yang berisi php script berikut ini :

$mitem->name = stripslashes(htmlspecialchars($mitem->name));

4. Tepat sesudahnya, tambahkan kode / php script berikut ini (copy + paste) :

//TAMBAHAN KHUSUS HINTS LINK MENU BARU
$mitem->name = str_replace(",new","{font color='red'}..new{/font}", $mitem->name);

catatan : ganti tanda { } dengan tag html (lebih besar atau lebih kecil)

5. Save hasil perubahannya, lalu tutup text editornya
6. upload kembali file "legacy.php" ke folder "modules/mod_mainmenu" di website Joomla anda.
7. Cara penggunaannya lihat di bagian bawah ini.


Petunjuk / Cara penggunaannya :
1. Masuk/Login melalui Backend Administrator website Joomla anda
2. Melalui menu Manager, anda bisa membuat link menu baru atau bisa juga edit link menu yang telah ada
3. Pada saat edit / penamaan link menunya, gunakan nama menu seperti yang anda inginkan, jangan lupa di bagian akhir teksnya tambahkan kata :

,new

formatnya : [text_menu],new

4. Simpan / save perubahan / penambahannya
5. Sekarang coba anda preview tampilan website Joomla anda, amati perubahan yang terjadi pada tampilan menu yang anda edit tadi.


Prinsip dasar modifikasi module mod_mainmenu kali ini adalah :
a. Kita menambahkan teks "..new" sesudah teks link menu aslinya
b. Pewarnaan teks "..new" itu bisa anda modifikasi sendiri, pada contoh di atas saya menggunakan warna merah :

..new

Silahkan anda tentukan warna teksnya sesuai dengan template Joomla yang anda gunakan.

NB : sedikit informasi dari saya, khusus untuk tipe menu "List" pada Joomla versi 1.5.X modifikasi ini tidak berjalan dengan baik. Gunakan tipe "Legacy Vertical / Horisontal" agar hasilnya kelihatan.

Semoga Bermanfaat :)
Salam.

readmore »»  

Membuat Mini Frontpage pada Joomla 1.5.x

- bazComp share -

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.

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.
   
2. Tekan tombol Browse untuk menentukan lokasi file.
   
3. Temukan file mini frontpage.
   
4. Jika sudah yakin, tekan tombol Open.
   
5. Klik tombol Upload File & Install untuk melakukan proses instalasi.
   
6. Tunggu beberapa saat hingga proses instalasi selesai. Jika telah berhasil akan muncul informasi bahwa proses instalasi berhasil
   
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.
   
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.
   
3. Setelah mencatat ID masing-masing Section, langkah selanjutnya mencatat ID Category. Untuk itu, pilih menu Content > Category Manager.
   
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.
   
5. Selanjutnya, pilih menu Content > Article Manager untuk mencatat nomor identitas masing-masing artikel.
   
6. Catatlah semua ID artikel berdasarkan Category dan Section.
   
7. Langkah selanjutnya mengatur parameter Mini Frontpage, pilih menu Extensions > Module Manager.
   
8. Pada halaman Module Manager temukan module Mini Frontpage.
   
9. Editlah Mini Frontpage dengan cara mengklik nama module tersebut.
   
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.
    
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).
    
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).
    
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.
    
14. Langkah terakhir adalah melihat hasilnya di halaman utama. Maka akan nampak tampilan Mini Frontpage seperti nampak pada gambar berikut.
    

readmore »»  

Membangun Komunitas dengan Joomla! 1.0.x bagian 1 dari 2

- bazComp share -

Website resmi komunitas Joomla Indonesia (http://id-joomla.com) menggunakan beberapa extensions Community Builder sehingga dapat terbentuk sebuah komunitas secara lengkap. Membangun komunitas yang diintegrasikan ke dalam sistem Joomla sangatlah mudah. Beberapa pengembang pihak ketiga (3d party) telah menyiapkan berbagai macam aplikasi yang dibutuhkan, mulai dari security, form, community, e-commerce, multimedia, avatar, dan masih banyak lagi.

Umumnya, ketika ingin membuat sebuah fitur seperti komunitas diperlukan file instalasi yang terdiri dari Component, Plugin, dan Module. Jadi satu paket fitur komunitas terdiri dari beberapa file. Untuk itu, sangat perlu memperhatkan kebutuhannya agar fasilitas yang disediakan lengkap dan mudah digunakan. Untuk mendownload file yang dibutuhkan, silakan mengunjungi situs resmi Joomla (http://extentions.joomla.org). Anda juga dapat mendownload file tersebus di sini (Download)

Berikut ini, saya sajikan beberapa teknik untuk membuat sebuah komunitas yang diintegrasikan dengan sistem Joomla 1.0.x. Pengalaman yang pernah saya alami, beberapa kali mengintegrasikan Community Builder menggunakan Joomla 1.5.x sering terjadi “error” ketika membaca database yang dibutuhkan. Padahal database tersebut sudah tersedia. Terus terang sampai sekarang kurang tahu penyebabnya. Namun ketika saya integrasikan dengan versi Joomla yang lebih rendan (Joomla 1.0.x) tidak muncul masalah tersebut. OK, tidak perlu mempermasalahkan hal itu. Gunakan saja versi yang tidak menimbulkan masalah. Mungkin karena versin Joomla masih “sangat baru”, 3d party belum beradaptasi dengan baik.

TAHAP 1: KEBUTUHAN DASAR DAN INSTALASI
Beberapa file yang dibutuhkan untuk membuat fitur komunitas, pastikan telah tersedia. Sebelum mulai instalasi, usahakan menyiapkan file-file yang dibutuhkan, silakan Download file tersebut.

1. Pertama kali pilih menu Installer > Component.
   
2. Tekan tombol Browse, lalu temukan file com_comprofiler.zip yang berada di folder community builder.
   
3. Tekan tombol Upload File & Install.
   
4. Proses instalasi berhasil.
   
5. Langkah selanjutnya, menginstal modul yang masih satu paket dengan Community Building. Pilih menu Installer > Modules.
   
6. Tekan tombol Browse, lalu cari file mod_cblogin.zip
   
7. Tekan tombol Upload File & Install.
   
8. Apabila sudah berhasil, tekan Browse untuk memilih file mod_comprofilerModerator.zip.
   
9. Tekan tombol Upload File & Install.
   
10. Terkhir, uploadfile mod_profilerOnline.zip
    
    
11. Untuk memeriksa Component yang telah terinstal dengan cara memilih menu Component > Community Building.
    
12. Sedangkan untuk memeriksa Module yang telah terinstal dengan cara memilih menu Module > Site Module. Secara default, Module yang baru diinstal dalam kondisi tidak dipublikasikan (bertanda x). Aktifkan Module tersebut dengan cara menekan ikon tanda silang (tanda x).
    
13. Modul CB Login berfungsi untuk Form login yang dapat berintegrasi dengan Community Builder. Sedangkan modul CB Online adalah memeriksa status anggota komunitas yang sedang online.

TAHAP 2: MENGATUR KONFIGURASI
Konfigurasi yang di sini menyangkut beberapa hal diantaranya: pengaturan untuk Registrasi, Tampilan pengguna, Profil pengguna, Gambar, Moderasi, Koneksi, dan Integrasi.

1. Pilih menu Component > Community Builder > Configuration.
   
2. Setelah berada di halaman Configuration, pada Tab General aturlah settingnya seperti gambar berikut.
   
3. Pada Tab Registrasion berisi pengaturan yang berhubungan dengan registrasi seperti alamat email utama, reply, subjek, konfirmasi, informasi pending, dan dan-lain.
   
4. Tab User List berisi pengaturan tentang jumlah anggota yang akan ditampilkan pada setiap halaman dan mengatur link atau tidak ke nama pengguna.
   
5. Tab User Profile berisi pengaturan profil pengguna, diantaranya: apakah diijinkan mengganti username, siapa yang berhak melihat profil pengguna, minimal interval untuk menekan (hits) profil, template komunitas yang digunakan, dan lain-lain.
   
6. Tab Images berisi informasi untuk mengatur ukuran gambar (widht dan height), ukuran thumbnail, izin untuk mengupload gambar dari PC, memilih gambar yang tersedia (gallery), dan lain-lain.

   

   Add caption
7. Tab Moderation berisi informasi untuk mengatur sistem moderator menyangkut grup moderator, konfirmasi email ke moderator, izin pengguna untuk melaporkan, ijin moderator untuk mengedit profil pengguna, dan lain-lain.
   
8. Tab Connection berisi informasi pengaturan untuk membuat jaringan (koneksi) antar pengguna. Melalui sistem koneksi tersebut, dapat dipisahkan sesuai jenis koneksi, misal: pengguna IKC, pengguna PDII-LIPI, dan pengguna Pustekkom. Ini semacam jaringan antar pengguna. Sebagai gambaran, pengguna IKC dapat mengundang (invite) pengguna lain di luar IKC.
   
9. Tab Integration berisi informasi untuk mengatur koneksi versi terbaru (update) dari sistem komunitas yang digunakan. Pilih Manual jika tidak ingin memeriksa versi terbaru.
   

User Management
Tab ini berisi informasi pengguna, baik pengguna Front-end maupun Back-end. Informasi yang dapat ditampilkan antara lain nama pengguna, log in, group, dan lain-lain.

Tab Management
Pengaturan pada bagian ini menyangkut tentang posisi modul yang akan ditampilkan di halaman utama. Posisi Tab terdiri dari header, right, middle, dan tabmian. Plugin yang berwarna merah berarti perlu penambahan instalasi modul dan komponen lain. Oleh karena itu, sebelum mengaktifkan tab tersebut terlebih dulu harus menginstal plugin yang diperlukan. Untuk instalasi Simpleboard Forum akan dibahas pada bab lain dalam buku ini.

1. Pilih menu Components > Community Builder > Tab Management.
   
2. Baiklah, untuk mengetahui lebih jauh perlu dijelaskan beberapa fungsi masing-masing item tersebut.
   • Menu = ditampilkan di bagian atas (header). Posisinya dapat diatur, caranya: tekan link teks tersebut. Lalu aturlah pada bagian Position. Aturl pula hak akses untuk melihat menu tersebut.
   • Portrait = foto/gambar pengguna (dapat diganti sesuai keinginan. Posisi foto dapat diatur sesuai keinginan (administrator).
     
   • Article: jumlah artikel yang ditulis oleh pengguna. Posisi informasi artikel tersebut dapat pula diatur, umumnya berada di bagian bawah.
     
3. Untuk pengaturan Tab lain, bisa anda pelajari dan mencoba sendiri.

Artikel lanjutannya . . . . .
1. Tahap 3: Field Management
2. Tahap 4: Penerapan
3. Tahap 5: Plugin Manager

readmore »»