Tampilkan postingan dengan label Tutorial Joomla. Tampilkan semua postingan
Tampilkan postingan dengan label Tutorial Joomla. Tampilkan semua postingan

Selasa, Oktober 26, 2010

Mengganti titlebar standart Joomla dengan javascript (tampilan flash)

Disini saya akan memberikan sedikit info tentang cara merubah titlebar Anda menjadi lebih menarik dengan sedikit animasi yang menggunakan javascript (biasa disebut XHTML/DHTML), PERINGATAN KERAS bagi Expert, jangan teruskan membaca tutorial ini, karena hanya akan membuang-buang waktu Anda

Skenarionya seperti ini:


  • Anda mempunyai akses ke Cpanel untuk mengakses file template->[template Anda]->index.php (bila web Anda telah Online)
  • Anda mempunyai akses untuk megedit File template->[template Anda]->index.php (web offline-localhost) Anda yang akan kita Edit
  • Memiliki (sudah terinstall) Web Editor. Ex: Dreamweaver, NotePad, NVU, dll
  • Telah memiliki Script-Javascript khusus titlebar yang bisa Anda cari melalui Google, salah satu linknya yaitu: www.javascriptkit.com, script bisa berupa file .js ataupun bisa berupa baris script yang langsung di Copy-paste kan di Index.php Anda
  • Waktu untuk mulai menjalankan misi,..

Langsung mulai :
  • Khusus Online silahkan Anda buka cpanel->file manager->public_html->templates->[nama template]->index.php, kemudian klik Edit pada baris toolbar cpanel Anda, klik Yes sampai tampil baris script dari file index.php Anda
  • Khusus Offline silahkan buka File Joomla Anda temlates->[nama tempalte]->index.php, kemudian open with Web editor kesayangan Anda
  • Setelah terbuka mari kita masuk ke misi utama yaitu mengganti titlebar yang terbagi menjadi 2 cara
1. copy-paste langsung script ke Index.php
   Berikut adalah salah satu Contoh script nya:
   -----------------Mulai---------------------------------------------
   <script language=JavaScript>
   var pesan = " Defriady Official Site || Defriady Official Site ||";                
   var speed = 200;
                                    
   function the_free87()
    {
      document.title=pesan;
      pesan=pesan.substring(1,pesan.length)+pesan.charAt(1);
      setTimeout("the_free87()",speed);
    }
   the_free87();</script>
   -----------------Selesai-------------------------------------------
silahkan copas script d atas lalu paste di dalam tag <head>---paste disini</head>
Contoh hasil:
   -----------------Mulai---------------------------------------------
<?php defined( "_VALID_MOS" ) or die( "Direct Access to this location is not allowed." );$iso = split( '=', _ISO );echo '<?xml version="1.0" encoding="'. $iso[1] .'"?' .'>';?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<?php mosShowHead(); ?>
<meta http-equiv="Content-Type" content="text/html;> charset=iso-8859-1" />
<?php if ( $my->id ) { initEditor(); } ?>
<?php echo "<link rel="stylesheet" href="/$GLOBALS[mosConfig_live_site]/templates/$GLOBALS[cur_template]/css/template_css.css" type="text/css"/>" ; ?><?php echo "<link rel="shortcut icon" href="/$GLOBALS[mosConfig_live_site]/<?php echo $mosConfig_live_site;?>/templates/defri/images/favicon.ico" />" ; ?>
<script language=JavaScript>
   var pesan = " Defriady Official Site || Defriady Official Site ||";                
   var speed = 200;
                                    
   function the_free87()
    {
      document.title=pesan;
      pesan=pesan.substring(1,pesan.length)+pesan.charAt(1);
      setTimeout("the_free87()",speed);
    }
   the_free87();    </script>
</head>
   -----------------Selesai-------------------------------------------

2. Dengan membuat sebuah file *.js (title.js) yang isi nya script title bar Anda
Ex: buka sebuah notepad lalu paste scriptnya  
   -----------------Mulai---------------------------------------------
   var pesan = " Defriady Official Site || Defriady Official Site ||";                
   var speed = 200;
                                    
   function the_free87()
    {
      document.title=pesan;
      pesan=pesan.substring(1,pesan.length)+pesan.charAt(1);
      setTimeout("the_free87()",speed);
    }
   the_free87();
   -----------------Selesai-------------------------------------------
lalu letakkan di temlate->[ama template]->letakkan disini file title.js

Setelah selesai lalu ketikkan script berikut di dalam tag <head>---paste disini</head> :

<script src="/<?php echo $mosConfig_live_site;?>/templates/nama temlplate/title.js" type="text/javascript"></script>

contoh hasil:
   -----------------Mulai---------------------------------------------
<?php defined( "_VALID_MOS" ) or die( "Direct Access to this location is not allowed." );$iso = split( '=', _ISO );echo '<?xml version="1.0" encoding="'. $iso[1] .'"?' .'>';?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<?php mosShowHead(); ?>
<meta http-equiv="Content-Type" content="text/html;> charset=iso-8859-1" />
<?php if ( $my->id ) { initEditor(); } ?>
<?php echo "<link rel="stylesheet" href="/$GLOBALS[mosConfig_live_site]/templates/$GLOBALS[cur_template]/css/template_css.css" type="text/css"/>" ; ?><?php echo "<link rel="shortcut icon" href="/$GLOBALS[mosConfig_live_site]/<?php echo $mosConfig_live_site;?>/templates/defri/images/favicon.ico" />" ; ?>
<script src="/<?php echo $mosConfig_live_site;?>/templates/nama temlplate/title.js" type="text/javascript"></script>
</head>
   -----------------Selesai-------------------------------------------

Kemudian Save,
Selesai

Silahkan review web Anda pasti title bar nya telah berubah...
Selengkapnya

Rabu, Juli 21, 2010

Security Image di Halaman Registrasion (web Joomla

Mungkin kita sebagai admin suatu web pernah menjumpai user - user yang mendaftar pada web Joomla kita dengan menggunakan username atau email yang tidak valid, biasanya ini ulah para spammer.

Bagaimana solusi  kita untuk menghandle masalah seperti ini, biasanya para web master menggunakan security image (tincaptcha) pada halaman registration untuk meminimalisir serangan spam.

Pada kesempatan ini saya akan mencoba membagi cara pemasangan  security image pada web joomla kita  yang juga hasil dari pencerahan para - para master di forum. Berikut langkah - langkah untuk memasang security image pada web joomla kita:

  1. Download component beserta plugin tincaptcha (download disini)
  2. Install component beserta plugin tincaptcha yang telah di download tadi.
  3. setelah proses install selesai, jangan lupa untuk mengaktifkan plugin tincaptcha.
  4. sekarang, cari dan buka file controller.php yang terletak pada folder components/com_user. Lalu cari baris code :
function register_save()
{
global $mainframe;
// Check for request forgeries
JRequest::checkToken() or jexit( 'Invalid Token' );
Lalu tambahkan baris code berikut tepat di bawah baris code di atas :
// tincaptcha-
$captchk = plgSystemTincaptcha::check(JRequest::getVar('captcha', '', 'post'));
if ($captchk !== true)
{
JError::raiseWarning(0, $captchk);
return false;
}
// -tincaptcha 

Jangan lupa untuk melakukan save terhadap file yang telah di ubah.
langkah berikutnya, cari dan buka file default.php yang terletak pada folder components/com_user/views/register/tmpl. Kemudia cari baris code :

Code2


Lalu tambahkan baris kode berikut tepat di bawah baris kode di atas :






code2


Save perubahan yang sudah anda lakukan
langkah terakhir, silahkan lihat pada halaman registrasi joomla anda. disana akan muncul fom baru lagi untuk menginputkan security code nya.

Selengkapnya

Kamis, Mei 13, 2010

Membangun Komunitas dengan Joomla 1.5.x ( Bagian II )

Artikel kali ini saya akan menyambung tutorial pada postingan sebelumnya,,  bagi yang belum mengikuti tutorial ini mulai dari bagian awalnya klik disini,, langsung aja ya...,, ke tahap keduanya,,

TAHAP KEDUA : Mengatur Konfigurasi
Konfigurasi di sini menyangkut beberapa hal yaitu : pengaturan untuk Registrasi, Tampilan pengguna, Profil pengguna, Gambar, Moderasi, Koneksi, dan Integrasi,dll.
Pilih menu Component > Community Builder > Configuration

Setelah berada di halaman Configuration, pada Tab General aturlah settingnya seperti gambar berikut. 
Pada Tab Registrasion merupakan pengaturan yang berhubungan dengan registrasi seperti  reply, subjek, konfirmasi, alamat email utama, dan dan-lain.
Tab User List merupakan  pengaturan untuk menetukan  jumlah anggota yang akan ditampilkan pada setiap halaman dan mengatur link atau tidak ke nama pengguna.
Tab User Profile berisi pengaturan profil pengguna, diantaranya: apakah diijinkan mengganti username, siapa yang berhak melihat profil, minimal interval untuk menekan profil, dan lain-lain.

Tab Images digunakan untuk mengatur ukuran gambar (widht dan height), ukuran thumbnail, izin untuk mengupload gambar dari PC, memilih gambar yang tersedia, dan lain-lain.
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.
Tab Connection merupakan  pengaturan untuk membuat jaringan (koneksi) antar pengguna. Melalui sistem koneksi tersebut, dapat dipisahkan sesuai jenis koneksi,
Tab Integration 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, dll.


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.

  

Dibawah ini merupakan salah satu fungsi item - item tersebut :
Menu = ditampilkan di bagian atas (header). Posisinya dapat diatur, caranya: tekan link teks tersebut. Lalu aturlah pada bagian 

Portrait = foto/gambar pengguna (dapat diganti sesuai keinginan. Posisi foto dapat diatur sesuai keinginan (administrator).
Jumlah artikel yang ditulis oleh pengguna. Posisi informasi artikel tersebut dapat pula diatur, umumnya berada di bagian bawah.

Untuk bagian tab yang lainnya bisa anda pelajari sendiri,, selamat mencoba..!
Selengkapnya

Senin, Mei 10, 2010

Membangun Komunitas dengan Joomla 1.5.x

Halo sobat - sobat blogger sekalian, sebelumnya saya minta maaf dalam minggu ini barulah kali ini saya dapat kembali lagi memposting di blog ini,, akhir - akhir ini  saya mengalami titk jenuh dalam perkuliahan  (agak stres untuk masalah perkuliahan), belum lagi kesibukan - kesibukan offline saya yang padat, pokoknya mminggu ini depresi berat deh..  . 

Oke langsung aja ya,,,. Posting kali ini saya masih akan membahas tentang Joomla (walaupun baru kenal dengan namanya Joomla) , yaitu membangun komunitas dengan Joomla 1.5.x,  artikel ini mungkin sudah basi untuk para master - master Joomla,  ya seperti biasa artikel ini hanyalah sebagai arsip kita sebagai newbie.
Untuk membangun Komunitas Joomla kita membutuhkan file instalasi yang terdiri dari component , plugin dan module nya, anda  bisa  mendownload filenya disini

Tahap pertama : Kebutuhan dasar dan instalasi
Setelah anda mendownload file di atas yang berupa file zip, ekstrak lah terlebih dulu.
 Pertama kali pilih Menu -> Ekstensions -> Install/Uninstall pada halaman Admin Anda

 
Tekan tombol browse , kemudian temukan file com_compofiler.zip di folder yang telah anda ekstrak tadi.



Tekan Upload file & Install
 
Proses Instalasi berhasil

 

Langkah selanjutnya adalah mengupload file  mod_cblogin, mod_comprofilerModerator,  dan  mod_comprofilerOnline, caranya mengupload sama dengan diatas. Untuk memeriksa file yang sudah terinstal silahkan anda memilih menu  Components -> Community Builder 

Sedangkan untuk memeriksa Module yang telah terinstal silahkan anda memilih menu Ekstensions  -> Module Manager. Module yang baru diinstal dalam kondisi tidak dipublikasikan (tanda x). Aktifkan Module tersebut dengan cara menekan ikon tanda silang (tanda x). 

Modul CB Login berfungsi untuk form login yang berintegrasi dengan Community Builder, Modul CB Online berfungsi untuk menampilkan anggota komunitas yang online.

Sampai sini dulu ya,, nanti Tahap Kedua : Mengatur Konfigurasi akan disambung pada postingan selanjutnya.
Selengkapnya

Kamis, April 29, 2010

FAQ Joomla (Hal - Hal yang sering ditanyakan Tentang Joomla)

Menyambung artikel kemarin tentang bagaimana kita menginstall Joomla di localhost, untuk kali ini saya akan mencoba merangkum Beberapa FAQ atau hal- hal yang sering ditanyakan tentang Joomla, FAQ ini diambil dari beberapa Forum - Forum Joomla.di Indonesia.
Berikut beberapa FAQ dari Joomla 1.5x
  
Q : Merubah Tampilan FrontPage menjadi 1 kolom
A : Login ke halaman administrator anda, pilih menu -> mainmenu -> kemudian  klik home,Setelah itu, pada bagian parameter di halaman pengaturan Home ganti kolom isian Columns menjadi 1

Q : Merubah tulisan Welcome to the Fron Page
A :  Sama seperti diatas , namun pada bagian halaman pengaturan Home pilih Parameter(System), ganti Page Title


Q :Mengubah Bahasa Site kita 
A : Download languange Indonesia disini, setelah mendownload pilih ekstensions -> instal/uninstal pada halaman admin anda, upload file yg udah didownload tadi.
 


setelah di upload kemudian pilh lagi Ekstensions -> Languange Manager, kemudian set Indonesian(Indonesia) sebagai default

Q: Insert HTML di Module
A :Pilih Ekstension -> Module Manager -> new. klik Custom HTML, pada bagian Custom Output ,klik html,kemudian copas script anda , klik update dan save module.

Udah dulu ya FAQ nya, lagi malas nulis nih, semoga bermanfaat ya walaupun sedikit,
Keep Spirit..!!!!!!
Selengkapnya

Senin, April 26, 2010

Belajar Joomla Ah...!!!

Akhir - akhir ini net saya agak lola (Loading Lambat) maklum aja sih saya memakai modem tanpa kabel , cdm* lagi, hii,, hii,,!!! daripada browser saya nganggur karena net saya lola banget mending coba - coba belajar Joomla aja. Sobat  - sobat sekalian pasti sudah tahukan Joomla, kalau pengen lebih tahu tentang Joomla klik aja disini.
Karena ini artikel pertama kali dengan kategori Tutorial Joomla, mungkin saya akan bahas cara pasang Joomla di localhost aja dulu ya ...! 
Untuk memasang Joomla di localhost kita membutuhkan beberapa komponen  seperti Webserver, Apache dan Mysql, namun di artikel ini saya menggunakan WampServer yang  sudah membundel komponen - komponen tersebut,  anda dapat mendownloadnya disini.
  • Setelah  anda mendownload WampServer dan menginstalnya di drive c, siapkan Joomla nya dalam artikel ini saya menggunakan Joomla 1.5x, anda bisa mendownload Joomla nya disini
  • Kemudian pada folder C:\wamp\www\ buat folder sitesaya. Folder sitesaya ini akan menjadi url web yang nantinya kita buat dengan Joomla di localhost
  • Ekstrak Joomla 1.5x yang sudah didownload tadi di folder sitasaya.
  • Lalu jalankan WampServer dengan cara mengklik Start Menu pada komputer anda -> WampServer -> klik 2 kali Start WampServer.
  • Bukalah web browser anda, terserah anda mau pakai firefox, crhome, IE atau lainnya
  • Ketikkan http://localhost pada andress bar di browser anda,  Jika muncul halaman seperti dibawah ini, berarti kita sudah berhasil menginstal localhost pada komputer kita.untuk kali ini kita skip aja pengaturan username, host dan password dari localhost kita
  • Tahap selanjutnya yaitu instalasi Joomla, ketikkan http://localhost/sitesaya pada andress bar browser anda, maka akan muncul halaman seperti dibawah ini
  • Pilh Bahasa yang akan digunakan,disini saya akan menggunakan Bahasa Indonesia. Setelah memilih bahasa klik next
  • Pada Steps 2 - 3 klik berikutnya .
  • Steps 4 isikan Nama Host dengan localhost, Nama Pengguna dengan root, sandi lewat kosongkan saja, dan nama basis data isikan dengan sitesaya atau terserah anda, kemudian klik berikutnya, lihat contoh gambar dibawah ini.
  • Untuk step 5 (ftp configuration) karena di installnya di localhost, pilih saja tidak , kemudian klik berikutnya
  • Pada step 6, isikan Nama site nya, Alamat Email (harus diisi), sandi,dan konfirmasi sandi, jangan lupa juga klik pasang contoh data (didalam lingkaran merah pada gambar) agar webnya tidak kosong. 
  • Tahap instalasi selesai. Sebelum membuka web kita, hapus folder installation yang ada di folder C:\wamp\www\sitesaya
  • Sekarang, masukan url http://localhost/sitesaya/.
  • Jika ingin mengubah isi web, masuk ke halaman administrator : http://localhost/sitesaya/administrator/
Selamat mencoba Keep spirit...!!!



Selengkapnya