Kamis, 06 Desember 2012

Cara Mudah Mengubah Gambar Header Standar Pada Joomla.




Cara Mudah Mengubah Gambar Header Standar Pada Joomla.

Pengalaman pertama dan berhari-hari kutak katik joomla membuat website http://almasentra.com akhirnya membuat “cah kene omahe kono” yang sebelumnya sama sekali buta menjadi sedikit melek dengan seluk beluk urusan website. “Sesungguhnya sesudah kesulitan itu ada kemudahan.” (QS. Alam Nasyroh: 6). Maka Kini saatnya berbagi kemudahan untuk yang memerlukan. 

Di kesempatan kali ini “cah kene omahe kono” ingin berbagi cara merubah tampilan gambar header pada website joomla. Kalau belum tahu caranya dijamin pasti puyeng, tapi kalau sudah tahu ternyata mudah saza. Prinsipnya hanya mengganti gambar versi joomla yang tersimpan di file “personal2” dengan gambar versi yang ingin kalian pajang, namun tetap di file “personal2”. Kalau ini dilakukan hasilnya bisa kalian lihat.

Model tampilan standar header joomla 2.5.8






Model header hasil kutak-katikan .





Supaya gak puyeng berkepanjangan cobalah dengan tahapan “cah kene omahe kono” berikut ini.
Yang paling awal sekali Anda harus tahu dimana gambar standar joomla disimpan.
Untuk joomla yang sudah diinstal di komputer dengan program Xampp, dia akan tersiman di sini : C ; xampp ;  htdocs ;  Joomla ;  template ; bez_20 ; images ; personal ; personal2.



Buka file personal2 dengan adobe photoshop, lalu catat ukuran dimensi lebar dan panjang dari gambar joomla standar tersebut. Setelah dicatat  ukuran dimensinya tutup kembali filenya. 

 Dengan adobe photoshop, Siapkan gambar yang diiginkan dengan ukuran dimensi yang sudah dicatat di point 2. Setelah selesai dan yakin sudah bagus

Simpan gambar yang diinginkan dengan “save as”, lalu buka folder : C ; xampp ;  htdocs ;  Joomla ;  template ; bez_20 ; images ; personal ; personal2. 

Bagitu anda tekan enter, maka akan muncul peringatan apakah anda akan menindas file asli personal2?. Tindas ajah blehh..., maka gambar joomla standar akan tertindas dengan gambar harapan anda. Jika langkah ini selesai, maka proses penggantian gambar header standar joomla berarti sudah selesai.

Silahkan buka situs website anda, dan berdoalah semoga gambarmu sudah terpajang sebagai image header he he he......

Selamat mencoba.
 






 









5 komentar:

  1. kalau memakai kode html gimana Gan caranya

    BalasHapus
  2. Kayaknya prinsipnya sama saja, harus ada file personal2.png Saya belum pernah coba kalau target filenya diubah menjadi personal3 atau 3 atau 4 dst.png. Logikanya dengan mengubah kode htmlnya harusnya bisa.

    Masuk ke extension > temlate manager > Beez20 > Edit css/personal.css. Cari kode berikut

    .logoheader
    {

    background: transparent URL(../images/personal/personal2.png) no-repeat bottom right ;

    Thanks

    BalasHapus
  3. kolo file ukuran gambar nya tdak sama bagaimana bisa..???

    BalasHapus
  4. Makasih banyak !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! :)

    BalasHapus