Mengoptimalkan Website sekolah menggunakan CMS Balitbang : Mengganti tampilan latar belakang website (Part 3) - Kumis Kandel

Latest

Thursday 5 January 2017

Mengoptimalkan Website sekolah menggunakan CMS Balitbang : Mengganti tampilan latar belakang website (Part 3)





A. Pengertian

CMS Balitbang adalah salah satu dari kebijakan yang dikeluarkan Kementerian Pendidikan Nasional yang dituangkan dalam Renstra Depdiknas 2005-2009 adalah pemanfaatan secara optimal berbagai sarana seperti radio, televisi, komputer dan perangkat Teknologi Informasi dan Komunikasi (TIK) lainnya untuk digunakan sebagai media pembelajaran.
Fitur yang tersediapun cukup lengkap, seperti: guru, siswa, alumni, banner, login member, statistic, agenda, berita, pencarian, info sekolah, galeri foto, jajak pendapat, materi ajar, peta situs serta tautan e-learning, serta blog. Untuk



B. Latar belakang, Maksud dan tujuan,
Setelah menginstallasi CMS Balitbang kita dapat mengoptimalkan Website sekolahnya yaitu dengan mengganti dan menyesuaikan template pada websitesnya agar lebih menarik dan lebih nyaman saat diakses. Salah satunya cara membuat websitenya lebih menarik adalah mengganti latar belakang websitenya.

C. Alat dan bahan
- Laptop/PC
- CMS Balitbang (yang sudah diinstallasi) Untuk tutor installasinya Klik sini!!

D. Langkahnya  


1. Pertama kita masuk terlebih dulu kedalam directory cms balitbangnya yang berada pada directory /var/www/html dengan cara menuliskan perintah berikut,
|# cd /var/www/html/cmsbalitbangv35/
Seperti pada gambar dibawah,


2. Lalu jika kita ingin mengubah template atau mengetahui menggunakan template default yang kita gunakan bisa masuk kedalam directory lib/ dengan cara memasukan perintah berikut,
|# ls
|# cd lib/
Seperti pada gambar dibawah,


3. Untuk melihat template yang digunakan atau ingin mengganti templtenya jika sudah mengetahui directory default templatenya karena cms balitbang sudah menyediakan beberapa template dengan memasukan perintah berikut,

|# nano config.php

4. Setelah itu akan keluar seperti gambar berikut,


Pada script yang di tandai pada gambar diatas itu merupakan template default yang digunakan dan jika kita sudah mengetahui directory template yang desediakan secara default pada CMS ini kita bisa menggantinya scipt berikut mengarahkannya pada template yang diinginkan.

5. Jika ingin mengetahui template apa saja default template yang disediakan oleh CMS ini bisa memasukan perintah berikut,
|# cd temp/
|# ls
Namun pastikan dulu sudah keluar dari directory yang sebelumnya kita masuki.
Seperti pada gambar berikut,


Disitu terdapat banyak template yang bisa digunakan pada website sekolahnya, Namun jika kita ingin mengganti latar belakang pada websitenya dengan gambar yang kita inginkan bisa dengan menggunakan cara berikut,

6. Masuk terlebih dulu kedalam directory penyimpanan gambarnya misal ada pada Desktop dengan perintah berikut,
|# cd /home/unknown/Desktop/
Seperti pada gambar berikut,


7. Selanjutnya kita pindahkan gambar berikut kedalam directory template yang sedang digunakan pada website misal pada template art_smk_atas dengan perintah berikut,
|# scp motivasi2.jpg /var/www/html/cmsbalitbangv35/temp/art_smk_atas/
Seperti pada gambar dibawah,


8. Setelah memindahkan gambarnya kita masuk kedalam directory yang sebelumnya dijadikan target directory pemindahannya dengan perintah berikut,
 |# cd /var/www/html/cmsbalitbangv35/temp/art_smk_atas/
Seperti pada gambar dibawah,


9. Selanjutnya untuk menggantikan latar belakangnya kita harus mengganti script yang mengarahkan gambar yang diginakan pada latar belakangnya. mengganti scriptnya dengan perintah berikut,
|# nano style.css
Seperti pada gambar berikut,


10. Lalu gantikan script yang ditandai dengan nama file gambar tadi yang dipindahkan untuk mengganti latar belakangnya menggunakan gambar yang tadi kita pindahkan seperti pada gambar berikut,
 

11. Kita berikan hak akses pada gambar berikut agar gambarnya dapat terlihat dengan perintah berikut,
|# chmod 775 motivasi2.jpg
|# chown www-data:www-data motivasi2.jpg
Seperti pada gambar berikut,


12. Jika sudah diberikan hak aksesnya maka latar belakang pada website sekolahnya akan ganti dengan gambar yang sebelumnya kita pindahkan seperti pada gambar berikut,



No comments:

Post a Comment