Sunday, June 28, 2009

Mengganti titlebar standart Joomla dengan javascript (tampilan flash)

Bosen dengan tampilan standart titlebar web joomla Anda,.???
Disini saya akan memberikan sedikit info tentang cara merubah titlebar Anda menjadi lebih menarik dengan sedikit animasi yang menggunakan javascript (biasa disebut XHTML/DHTML), tidak monoton seperti kebanyakan web Joomla standar yang hanya menampilkan tulisan Home, Profil, Blog, Buku Tamu, dll.

PERINGATAN KERAS bagi Expert, jangan teruskan membaca tutorial ini, karena hanya akan membuang-buang waktu Anda :D

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,..

Mission begin
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---------------------------------------------

-----------------Selesai-------------------------------------------

Jadi silahkan Anda Copy script yang Anda punya (Atau bisa copy script saya:D) lalu paste di dalam tag ---paste disini
Contoh hasil:
-----------------Mulai---------------------------------------------
';?>





id ) { initEditor(); } ?>
" ; ?>/templates/defri/images/favicon.ico" />" ; ?>


-----------------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 ---paste disini :



contoh hasil:
-----------------Mulai---------------------------------------------
';?>





id ) { initEditor(); } ?>
" ; ?>/templates/defri/images/favicon.ico" />" ; ?>


-----------------Selesai-------------------------------------------

Kemudian Save,
Selesai

Silahkan review web Anda pasti title bar nya telah berubah...
Lihat contohnya di www.defriady.tk
Sekian

0 comments:

Template by : kendhin x-template.blogspot.com