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.
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.
kalau memakai kode html gimana Gan caranya
BalasHapusKayaknya 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.
BalasHapusMasuk 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
kolo file ukuran gambar nya tdak sama bagaimana bisa..???
BalasHapusMakasih banyak !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! :)
BalasHapuspusing euyyy
BalasHapus