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 :
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 :
- Login ke dalam CPanel Joomla.
- Pilih menu extensions >>> template manager.
- Pilih rhuk_milkyway template dan klik Edit.
- 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.
- Pilih template CSS dan klik Edit.
- Carilah kode berikut ini.
- Ganti ukuran sesuai dengan ukuran logo baru Anda yaitu 500px x 75 px. Maka ganti width : 298px menjadi 500px. Klik Save.
- Klik Save kembali pada halaman edit template.
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; }
No comments:
Post a Comment