Menghilangkan Logo, Nama dan Alamat Sekolah Tema SD CMS Formulasi

Tutorial CMS Formulasi - Tutorial ini adalah langkah untuk memodifikasi tema SD yang terinstal di localhost, untuk yang sudah pakai hosting tentu berbeda. Maka dari itu saya berasumsi bahwa anda saat ini menggunakan CMS Formulasi dengan Tema SD. Memang telah tersedia fitur untuk mengupload Logo Sekolah, sehingga kita tidak perlu bersusah payah menempatkannya di bagian header. Demikian pula Nama sekolah beserta Alamatnya juga sudah disetting sedemikian rupa oleh sang pembuat CMS Formulasi agar mudah digunakan.

Permasalahan akan muncul manakala kita akan mendesain header tidak bisa bebas semau gue karena letak Logo, Nama Sekolah dan Alamat Sekolah sudah ditentukan. Dan hal pasti yang bakal terjadi header web sekolah anda memiliki tata letak yang sama dengan web sekolah lainnya. Atas dasar itulah diperlukan langkah cerdas Menghilangkan Logo, Nama dan Alamat Sekolah pada Tema SD CMS Formulasi, berikut ini:

1. Aktifkan XAMPP lalu buka jalankan browser
2. Buka alamat Web Sekolah yang sudah diinstal
3. Buka Windows Explorer Cari File Tema SD sampai anda menemukan style
C: =>XAMPP=> htdocs => formulasi => file => tema => formulasi_sd => css => style.css

4. Klik kanan style.css => Open with => Notepad
5. Pergunakan tombol CTRL+F untuk mencari kode yang akan dimodif
• Menghilangkan logo, cari kode .logo img
Kode aslinya seperti ini:
.logo img { 
width: 100px; 
}
Tambahkan kode visibility:hidden;
Sehingga menjadi:
.logo img {
visibility:hidden; width: 100px; 
}
Terakhir klik save atau simpan.
Silahkan refresh halaman web sekolah, dan logo telah sirna

• Menghilangkan Nama Sekolah, cari kode .sekolah h3 a
Kode aslinya seperti ini:
.sekolah h3 a { 
font-size: 20px; color: #fcff00; margin: 0; padding-bottom: 0; line-height: 0px; text-shadow: 0px 3px 4px #000; letter-spacing: -1px; position: absolute; 
} 
Ganti kode tersebut dengan kode berikut ini:
.sekolah h3 a { 
font-size: 20px; color: transparent; margin: 0; padding-bottom: 0; line-height: 0px; letter-spacing: -1px; position: absolute; 
} 
Terakhir klik save atau simpan.
Silahkan refresh halaman web sekolah, dan Nama Sekolah telah sirna

• Menghilangkan Alamat Sekolah, cari kode .sekolah p
Kode aslinya seperti ini: 
.sekolah p{ 
color: #fff; margin: 0; padding: 0; text-shadow: 0px 3px 4px #000; 
 } 
Ganti kode tersebut dengan kode berikut ini: 
.sekolah p{ 
color: transparent; margin: 0; padding: 0; 
} 
Terakhir klik save atau simpan. Silahkan refresh halaman web sekolah, dan Alamat Sekolah telah sirna. 

Demikian Tutorial Menghilangkan Logo, Nama dan Alamat Sekolah Tema SD CMS Formulasi semoga bermanfaat bagi anda. Salam roomantik. Hasilnya seperti di bawah ini :

Catatan Tutorial CMS Formulasi :

• Langkah-langkah Menghilangkan Logo, Nama dan Alamat Sekolah Tema SD CMS Formulasi di atas dapat Anda lakukan pada tema yang terinstall di hosting. Anda hanya perlu menemukan style.css di folder yang sama pada hosting Anda.
• Logo, Nama dan Alamat Sekolah menyatu dengan image header.

Penulis : Alip Handicom
Formulasi Kabupaten Tegal