Edit Logo cPanel WHM Webmail Sendiri

Artikel kali ini akan membahas bagaimana cara mengedit logo cPanel, logo WHM dan logo Webmail sendiri. Karena jika kita merujuk pada salah satu tutorial yang di informasikan oleh cPanel, ternyata zonk alias tidak berhasil. Maka beginilah caranya, kita edit agak manual.

Upload Gambar

Pertama, kalian harus upload gambar kalian terlebih dahulu. Saran, pastikan kalian menyediakan stok gambar dengan 2 macam. Yaitu versi biasa dan kedua versi inverse. Pastikan gambar yang akan digunakan adalah versi svg.

Kalian bisa upload gambar di manapun, selama bisa diakses atau di download menggunakan wget atau curl atau apapun itu namanya.

Mari kita taruh gambar di sini.

cd /usr/local/cpanel/base/unprotected/cpanel/images

Kostumasi Gambar

Kemudian kita modifikasi gambar yang akan kita ganti. Kalau kita lihat, seluruh file tersebut bersifat symlink, jadi kita replace di source file svg tersebut. Jangan lupa kita backup dulu yang versi orinya.

Mari kita backup gambar header versi WHM dulu.

cp -p ../../../../img-sys/whm-RGB-v42015_white.svg ../../../../img-sys/whm-RGB-v42015_white.svg-ori

Mari kita backup gambar header versi webmail dulu.

cp -p ../../../../img-sys/webmail-RGB-v42015.svg ../../../../img-sys/webmail-RGB-v42015.svg-ori

Mari kita backup gambar header versi cPanel login dulu.

cp -p ../../../../img-sys/cpanel-logo-RGB-v42015.svg ../../../../img-sys/cpanel-logo-RGB-v42015.svg-ori

Replace Gambar Sesuai Keinginan

Oke selesai, sekarang download filenya dan replace pada tempat dan keinginan kamu.

Misal untuk versi WHM.

wget https://url/image-kamu.svg -O ../../../../img-sys/whm-RGB-v42015_white.svg

Misal untuk versi Webmail

wget https://url/image-kamu.svg -O ../../../../img-sys/webmail-RGB-v42015.svg

Kemudian untuk versi cPanel

wget https://url/image-kamu.svg -O ../../../../img-sys/cpanel-logo-RGB-v42015.svg

Selesai! Sekarang refresh deh.

Adjust gambar

Jika dirasa gambar logo cPanel custom kamu kurang besar, kamu bisa membesarkan dengan cara merubah style css. Yuk mari kita coba.

Kita backup dulu file ori nya.

cp -p ./style_v2_optimized.css ./style_v2_optimized.css-ori
vi ./style_v2_optimized.css

Lalu kamu search :

img.main-logo{height

By default adalah 50px, biasanya saya besarkan menjadi 100px. Kemudian tidak jauh dari baris tersebut.

img.small-logo{height

Sebelumnya 20px, biasanya saya besarkan menjadi 50px. dan Selesai.