Wednesday, 11 December 2013

Memodifikasi Ukuran Logo Template Joomla

Memodifikasi Ukuran Logo Template Rhuk_Milkyway Joomla, itulah judul artikel yang saya pilih untuk artikel blog Pelajaran Joomla kali ini. Awalnya saya ingin memberikan judul mengganti dimensi logo header template rhuk_milkyway Joomla, tetapi saya rasa terlalu panjang yah.

Dalam Pelajaran Blog kali ini, saya akan membahas khusus mengenai template rhuk_milkyway milik Joomla. Mengapa saya bilang khusus template rhuk_milkyway ? karena untuk masing-masing template mempunyai cara berbeda untuk memodifikasi logo header template masing-masing. Jika template yang Anda gunakan mempunyai kemiripan dengan rhuk_milkyway, khususnya HTML dan bagian template CSSnya, bisa melakukan hal yang sama untuk memodifikasi logo headernya seperti template rhuk_milkyway ini.

*Catatan : Sebelumnya di asumsikan Anda telah membuat logo header baru dan mengganti logo header Joomla dengan yang telah Anda buat. Misalnya dengan ukuran 500px x 75px. Tutorial mengganti logo header Joomla baru klik disini.


Caranya :

  1. Login ke dalam CPanel Joomla.
  2. Pilih menu extensions >>> template manager.
  3. Pilih rhuk_milkyway template dan klik Edit.
  4. Biasanya untuk mengganti ukuran logo, seperti pada template beez, melalui edit HTML. Tapi untuk template rhuk_milkyway ini, tidak perlu mengotak-atik halaman HTML, tetapi masuk ke halaman edit CSS.
  5. Pilih template CSS dan klik Edit.
  6. Carilah kode berikut ini.
  7. div#logo { position: absolute; left: 0; top: 0; float: left; width: 298px; height: 75px; background: url(../images/mw_joomla_logo.png) 0 0 no-repeat; margin-left: 30px; margin-top: 25px; }
  8. Ganti ukuran sesuai dengan ukuran logo baru Anda yaitu 500px x 75 px. Maka ganti width : 298px menjadi 500px. Klik Save.
  9. Klik Save kembali pada halaman edit template.
Sekarang klik Preview di bagian atas kanan halaman Joomla. Lihat hasilnya, Logo header Joomla yang baru telah muncul dengan ukuran yang berbeda. Sebagai catatan, modifikasi logo header Joomla sesuai dengan space yang tersedia dan sesuai template, jangan membuat ukuran logo yang mengakibatkan logo tidak dapat tampil secara keseluruhan.

No comments:

Post a Comment