Mengganti Tulisan Home Dengan Gambar Rumah Pada Menu CMS Formulasi

Tutorial CMS Formulasi - Sebagian orang lebih menyukai gambar rumah di deret menu daripada tulisan Home, Depan atau Beranda. Meskipun tidak sedikit juga orang yang menyukai sebaliknya.

Seperti yang banyak ditampilkan dalam berbagai tema atau template cms, gambar rumah dan tulisan Home, Depan atau Beranda juga menghiasi template atau tema tersebut. Pada CMS Formulasi digunakan tulisan Home dan bukan gambar rumah sebagaimana yang tertera dalam deret menu CMS Formulasi, cms gratis untuk membuat dan membangun website sekolah/madrasah.

Seperti halnya tema atau template elegan pada CMS Formulasi, juga digunakan tulisan Home dan bukan gambar rumah untuk link kembali ke halaman utama website sekolah/madrasah seperti gambar di bawah.

Dan Anda dapat dengan mudah mengganti tulisan Home dengan gambar rumah pada menu CMS Formulasi seperti gambar berikut .

Untuk dapat mengganti tulisan Home dengan gambar rumah pada menu CMS Formulasi seperti gambar nomer 2, caranya cukup mudah.

Berikut ini adalah langkah-langkah mengganti tulisan Home dengan gambar rumah pada menu CMS Formulasi, khususnya tema atau template elegan. (tema elegan dipilih sebagai contoh)

1. Sediakan gambar rumah dengan ekstensi .png atau .gif. Background gambar rumah tersebut adalah transparan. Pilih gambar yang sesuai dengan tinggi menu atau tidak terlalu besar. kemudian upload ke webhosting (sebagai contoh kedalam folder "images" di tema atau template elegan
2. Pada tema atau template elegan, pilih file menu.php
   


3. Tepat di atas file menu.php, klik kanan dan pilih edit
   
4. Ketika muncul jendela kecil, klik "Edit"
   
5. Ketika menu.php telah terbuka, cari script :<li><a href="index.php">Home</a></li>
6. Ganti tulisan "Home" dengan : <img src="http://websitesekolah/file/tema/elegan/images/namafile.png" style="padding-top:0px;" width="25">
7. "padding-top:0px" adalah untuk mengatur jarak gambar rumah dengan pinggir atas. Anda dapat menyesuaikannya dengan mengganti angka 0 dengan angka 1, 2, 5, 6, 10 dan sebagainya. Sedangkan width="25" adalah untuk mengatur besar gambar rumah
8. Tentang lokasi gambar atau img src, sesuaikan dengan lokasi atau folder dimana Anda menyimpan gambar dimaksud
9. Jika sudah sesuai dengan keinginan Anda dan Anda telah yakin, langkah selanjutnya adalah klik "Save Changes" 
   
10. Sekarang lihat efek perubahannya dengan merefresh browser yang memuat halaman website sekolah/madrasah Anda.

Catatan Tutorial CMS Formulasi :

1. Prosedur masuk ke hosting dapat Anda baca di posting sebelumnya, yaitu Cara Memperkecil Ukuran Font Header Tema Elegan CMS Formulasi
2. Anda dapat melakukannya pada tema atau template lain yang ada di CMS Formulasi
3. Jika Anda ingin melakukannya di localhost Xampp maka langkah awalnya adalah copy file gambar rumah ke dalam salah satu folder, misalnya folder "images" di tema elegan
4. File menu.php terletak di : C:\xampp\htdocs\formulasi (atau folder yang digunakan untuk instal cms formulasi)\file\tema\elegan\menu.php
5. Klik kanan pada file tersebut dan pilih "Open With". Untuk melakukan edit terhadap file menu.php dapat Anda gunakan Notepad, Notepad++, Dreamweaver, dll
6. Ganti tulisan "home" dengan lokasi gambar  <img src="http://localhost/formulasi (atau folder lain yang digunakan untuk install cms formulasi)/file/tema/elegan/images/nama_file.png" style="padding-top:0px;" width="25">
7. Dan simpan.

Tuntas sudah langkah demi langkah dan cara Mengganti Tulisan Home Dengan Gambar Rumah Pada Menu CMS Formulasi. Silhkan mempraktekkan Mengganti Tulisan Home Dengan Gambar Rumah Pada Menu CMS Formulasi di localhost xampp terlebih dahulu dan jika sudah yakin mampu, baru ke hosting.

jika Anda mempunyai kesulitan atau ingin membantu rekan yang membutuhkan dengan memberitahukan cara yang lain, silahkan tuliskan di form komentar yang berada di bawah posting Mengganti Tulisan Home Dengan Gambar Rumah Pada Menu CMS Formulasi ini.