Cara Mengganti Logo Dan Background Header Joomla 25

 cara mengganti logo dan background header joomla 25 mestinya dizaman yang secanggih ini saya merasa ragu untuk memposting hal semudah ini, tapi yah selagi ini bukan kejahatan dan membantu juga dalam pembelajaran, tidak ada salahnya,

langsung ke topik :
pertama kita akan mengganti logo header terlebih dahulu, seperti yang kita lihat diatas judulnya ADMAIA, nanti akan kita ubah dalah bentuk gambar atau logo :

  • masuk ke http://localhost/joomla25/administrator/
  • setelah itu  klik tab {Extensions - Template Manager}
  • jika ingin memperjelas gambar silahkan klik gambar 2 kali !!!


setelah itu klik Beez2 - Parks Site :

pada Advanced Options di halaman sebelah kanan
adalah informasi file image yang digunakan sebagai Logo website Joomla, Site Title adalah judul website Joomla yang akan dimunculkan apabila tidak menggunakan logo (informasi logo dikosongkan), dan Site Description adalah deskripsi singkat yang menggambarkan isi website Joomla secara umum.
  • klik select
  • Pilih Browse untuk meng-upload gambar :
  • seteleh selesai mengupload, pilih gambar tersebut dan klik insert :
  • kemudian save & close
  •  Maka Akan jadi seperti ini :
Alia Lestari
 selanjutnya kita akan mengubah background dibelakang logo :
Pertama istirahat dulu, cuci kaki cuci tangan gosok gigi langsung deh tidurr,,
  • siapkanlah sebuah gambar bisa dibuat sendiri mungkin yang males buka photoshop yang loading dulu baru bisa dipake, mending pake paint dari windows
  • ukran gambar kira kira 1060 x 289 px,
  • seperti dibawah ini

untuk meng-upload gambar yang telah disiapkan, bisa langsung klik menu Content - Media Manager :
  • setelah sampai tujuan : tarik kursor mouse kebawah : pilih browse dan upload gambar background.
  •  kalau sudah di upload, di menu utama, plih Extensions - Template Manager 
  • pada menu template manager klik tab tempalte :
  • pilih Beez2 - Parks site :
  • dikolom Stylesheets : pilih Edit css/personal.css 
  • kemudian cari kode berikut
  • background: #0c1a3e URL(../images/personal/personal2.png) no-repeat bottom right
  • ganti kolom URL ( .. ) dengan (http://localhost/joomla25/images/fer.png)
  • ingat dari Media Manager klik kanan pada gambar yang telah di upload tadi, copy link location dan paste kedalam URL ( .. )
Maka Hasilnya akan seperti ini :

Sekian dan Terima kasih :
jika ada pertanyaan seputar joomla silahkan tinggalkan komentar anda..

0 Komentar